Update tests for forms inside menus

diff --git a/test/visual/menu/advanced-nested-menu-flex.html b/test/visual/menu/advanced-nested-menu-flex.html
index 0d4bc4c8a351fe48e0a04e3fe9daa210d488087a..5701d1cdfc4a675e3d43c84a2fc931cd9e5d7367 100644 (file)
--- a/test/visual/menu/advanced-nested-menu-flex.html
+++ b/test/visual/menu/advanced-nested-menu-flex.html
@@ -45,19 +45,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
-              </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -74,19 +77,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
-              </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -103,19 +109,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
-              </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -124,7 +133,7 @@
       </div>
     </div>
 
-    
+
 
     <script src="../assets/js/vendor.js"></script>
     <script src="../assets/js/foundation.js"></script>

diff --git a/test/visual/menu/advanced-nested-menu.html b/test/visual/menu/advanced-nested-menu.html
index f2634bee8c47539744b26bea75f53e251876430a..cce832af6fb3643db0b3751e33f21adcdc5858ea 100644 (file)
--- a/test/visual/menu/advanced-nested-menu.html
+++ b/test/visual/menu/advanced-nested-menu.html
@@ -39,19 +39,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
-              </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -68,19 +71,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
-              </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -97,19 +103,22 @@
             <a href="#">Form</a>
             <ul class="menu nested vertical">
               <li>
-                <label> Your Name
-                  <input type="text" placeholder="Enter your Cool Name">
-                </label>
+                <div class="card">
+                  <div class="card-section">
+                    <label> Your Name
+                      <input type="text" placeholder="Enter your Cool Name">
+                    </label>
+                    <select>
+                      <option value="husker">Husker</option>
+                      <option value="starbuck">Starbuck</option>
+                      <option value="hotdog">Hot Dog</option>
+                      <option value="apollo">Apollo</option>
+                    </select>
+                    <button class="button">Submit</button>
+                    <p><a href="#">Learn More</a>
+                  </div>
+                </div>
               </li>
-              <li>
-                <select>
-                  <option value="husker">Husker</option>
-                  <option value="starbuck">Starbuck</option>
-                  <option value="hotdog">Hot Dog</option>
-                  <option value="apollo">Apollo</option>
-                </select>
-              </li>
-              <li><button class="button">Submit</button></li>
             </ul>
           </li>
           <li><a href="#">Three</a></li>
@@ -118,7 +127,7 @@
       </div>
     </div>
 
-    
+
 
     <script src="../assets/js/vendor.js"></script>
     <script src="../assets/js/foundation.js"></script>