Test case for vertical dropdown menu!

diff --git a/test/visual/menu/all-menus-flex.html b/test/visual/menu/all-menus-flex.html
index 09a6056b6c594aa066b39b53f92420840294eb25..d7e09e115ae68db1636b3035f7a70f9f68f0cbc6 100644 (file)
--- a/test/visual/menu/all-menus-flex.html
+++ b/test/visual/menu/all-menus-flex.html
@@ -253,6 +253,24 @@
         </ul>
       </div>
 
+      <h3>Vertical Dropdown Menu</h3>
+      <div class="example">
+        <ul class="vertical menu dropdown" data-dropdown-menu style="max-width: 250px">
+          <li><a href="#">One</a></li>
+          <li>
+            <a href="#">Two</a>
+            <ul class="menu vertical">
+              <li><a href="#">Two A</a></li>
+              <li><a href="#">Two B</a></li>
+              <li><a href="#">Two C</a></li>
+              <li><a href="#">Two D</a></li>
+            </ul>
+          </li>
+          <li><a href="#">Three</a></li>
+          <li><a href="#">Four</a></li>
+        </ul>
+      </div>
+
       <h3>Dropdown Menu - Align Right</h3>
       <div class="example">
         <ul class="menu align-right dropdown" data-dropdown-menu>
@@ -291,7 +309,7 @@
 
       <h3>Accordion Menu</h3>
       <div class="example">
-        <ul class="menu vertical accordion-menu" data-accordion-menu>
+        <ul class="menu vertical accordion-menu" data-accordion-menu style="max-width: 250px">
           <li><a href="#">One</a></li>
           <li><a href="#">Two</a></li>
           <li>
@@ -310,7 +328,7 @@
 
       <h3>Drilldown Menu</h3>
       <div class="example">
-        <ul class="menu vertical drilldown" data-drilldown>
+        <ul class="menu vertical drilldown" data-drilldown style="max-width: 250px">
           <li><a href="#">One</a></li>
           <li>
             <a href="#">Two</a>

diff --git a/test/visual/menu/all-menus.html b/test/visual/menu/all-menus.html
index 41eb82b8aabc7bcc94401cc1332f42613ca919f3..c00c36cfba6c32709e175a746d0fe9414789e31e 100644 (file)
--- a/test/visual/menu/all-menus.html
+++ b/test/visual/menu/all-menus.html
@@ -247,6 +247,24 @@
         </ul>
       </div>
 
+      <h3>Vertical Dropdown Menu</h3>
+      <div class="example">
+        <ul class="vertical menu dropdown" data-dropdown-menu style="max-width: 250px">
+          <li><a href="#">One</a></li>
+          <li>
+            <a href="#">Two</a>
+            <ul class="menu vertical">
+              <li><a href="#">Two A</a></li>
+              <li><a href="#">Two B</a></li>
+              <li><a href="#">Two C</a></li>
+              <li><a href="#">Two D</a></li>
+            </ul>
+          </li>
+          <li><a href="#">Three</a></li>
+          <li><a href="#">Four</a></li>
+        </ul>
+      </div>
+
       <h3>Dropdown Menu - Align Right</h3>
       <div class="example">
         <ul class="menu align-right dropdown" data-dropdown-menu>
@@ -285,7 +303,7 @@
 
       <h3>Accordion Menu</h3>
       <div class="example">
-        <ul class="menu vertical accordion-menu" data-accordion-menu>
+        <ul class="menu vertical accordion-menu" data-accordion-menu style="max-width: 250px">
           <li><a href="#">One</a></li>
           <li><a href="#">Two</a></li>
           <li>
@@ -304,7 +322,7 @@
 
       <h3>Drilldown Menu</h3>
       <div class="example">
-        <ul class="menu vertical drilldown" data-drilldown>
+        <ul class="menu vertical drilldown" data-drilldown style="max-width: 250px">
           <li><a href="#">One</a></li>
           <li>
             <a href="#">Two</a>