From 92365ac11aa3d65f5be50b70d9ddd4806849cba2 Mon Sep 17 00:00:00 2001
From: Kevin Ball <kmball11@gmail.com>
Date: Wed, 31 May 2017 10:35:21 -0700
Subject: [PATCH] Update tests for forms inside menus

---
 .../menu/advanced-nested-menu-flex.html       | 83 ++++++++++---------
 test/visual/menu/advanced-nested-menu.html    | 83 ++++++++++---------
 2 files changed, 92 insertions(+), 74 deletions(-)

diff --git a/test/visual/menu/advanced-nested-menu-flex.html b/test/visual/menu/advanced-nested-menu-flex.html
index 0d4bc4c8a..5701d1cdf 100644
--- 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 f2634bee8..cce832af6 100644
--- 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>
-- 
2.47.2