Bug 1177018 - Work around the iframe in which mochitests are run not being scrollable. r=kats draft
authorBotond Ballo <botond@mozilla.com>
Fri, 26 Jun 2015 16:46:22 -0400
changeset 287213 6a0066e403eb9a420b56a9bb2aaba6a8280f9cab
parent 287212 7e3cb4745c34c7302dbe64b9ed4f060978e299c9
child 287214 7f9babadaff4d1354dc195f7f9b95c93f505e280
child 287546 df8705f1f024efd58da8bbd57084fb7f4cb170f8
push id4674
push userbballo@mozilla.com
push dateSat, 22 Aug 2015 20:54:14 +0000
reviewerskats
bugs1177018
milestone43.0a1
Bug 1177018 - Work around the iframe in which mochitests are run not being scrollable. r=kats
gfx/layers/apz/test/test_layerization.html
--- a/gfx/layers/apz/test/test_layerization.html
+++ b/gfx/layers/apz/test/test_layerization.html
@@ -9,24 +9,26 @@ https://bugzilla.mozilla.org/show_bug.cg
   <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
   <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
   <script type="application/javascript" src="apz_test_utils.js"></script>
   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
   <link rel="stylesheet" type="text/css" href="helper_subframe_style.css"/>
   <style>
   #container {
     display: flex;
+    overflow: scroll;
+    height: 500px;
   }
   .outer-frame {
     height: 500px;
     overflow: scroll;
     flex-basis: 100%;
     background: repeating-linear-gradient(#CCC, #CCC 100px, #BBB 100px, #BBB 200px);
   }
-  #page-content {
+  #container-content {
     height: 200%;
   }
   </style>
 </head>
 <body>
 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1173580">APZ layerization tests</a>
 <p id="display"></p>
 <div id="container">
@@ -37,21 +39,21 @@ https://bugzilla.mozilla.org/show_bug.cg
   </div>
   <div id="outer2" class="outer-frame">
     <div id="inner2" class="inner-frame">
       <div class="inner-content"></div>
     </div>
   </div>
   <iframe id="outer3" class="outer-frame" src="helper_iframe1.html"></iframe>
   <iframe id="outer4" class="outer-frame" src="helper_iframe2.html"></iframe>
+<!-- The container-content div ensures 'container' is scrollable, so the
+     optimization that layerizes the primary async-scrollable frame on page
+     load layerizes it rather than its child subframes. -->
+  <div id="container-content"></div>
 </div>
-<!-- The page-content div ensures the page is scrollable, so none of the
-     subframes are layerized by the optimization that layerizes the
-     primary async-scrollable frame on page load. -->
-<div id="page-content"></div>
 <pre id="test">
 <script type="application/javascript;version=1.7">
 
 // Scroll the mouse wheel over |element|.
 function scrollWheelOver(element) {
   var x = 10;
   var y = 10;
   // Move the mouse to the desired wheel location.