add togglable scrollbar-inducing content to Modal visual test

a134491f · Chris Rebert · 6ddb8c2d · a134491f
Commit a134491f authored 10 years ago by Chris Rebert
Hide whitespace changes
Inline Side-by-side

Showing

with 18 additions and 0 deletions
+18 -0
--- a/js/tests/visual/modal.html
+++ b/js/tests/visual/modal.html
@@ -13,6 +13,15 @@
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
+
+  <style>
+    #tall {
+      height: 1500px;
+      width: 100px;
+      background-color: black;
+      color: white;
+    }
+  </style>
 </head>
 <body>

@@ -122,6 +131,12 @@
    Launch demo modal
  </button>

+  <button id="tall-toggle" class="btn btn-default">Toggle tall &lt;body&gt; content</button>
+  <br><br>
+  <div id="tall" style="display: none;">
+    Tall body content to force the page to have a scrollbar.
+  </div>
+
 </div>

 <!-- JavaScript Includes -->
@@ -137,6 +152,9 @@
 $(function () {
  $('.js-popover').popover()
  $('.js-tooltip').tooltip()
+  $('#tall-toggle').click(function () {
+    $('#tall').toggle()
+  })
 })
 </script>