| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/run-after-display.js"></script> |
| 2 <!-- Tests that overflow controls are repainted after compositing is disabled. T
here should be three green squares and no visible overflow controls --> | 3 <!-- Tests that overflow controls are repainted after compositing is disabled. T
here should be three green squares and no visible overflow controls --> |
| 3 <style> | 4 <style> |
| 4 .composited { | 5 .composited { |
| 5 -webkit-transform:translateZ(0); | 6 -webkit-transform:translateZ(0); |
| 6 } | 7 } |
| 7 | 8 |
| 8 .container { | 9 .container { |
| 9 width: 100px; | 10 width: 100px; |
| 10 height:100px; | 11 height:100px; |
| 11 position:absolute; | 12 position:absolute; |
| 12 background-color: green; | 13 background-color: green; |
| 13 overflow:auto; | 14 overflow:auto; |
| 14 border: 0px; | 15 border: 0px; |
| 15 } | 16 } |
| 16 | 17 |
| 17 </style> | 18 </style> |
| 18 <body onload="test()"> | 19 <body onload="test()"> |
| 19 <iframe id="vertical" class="composited container" src="resources/repaint-after-
losing-scrollbars-iframe.html"></iframe> | 20 <iframe id="vertical" class="composited container" src="resources/repaint-after-
losing-scrollbars-iframe.html"></iframe> |
| 20 <iframe id="horizontal" class="composited container" style="left: 150px" src="re
sources/repaint-after-losing-scrollbars-iframe.html"></iframe> | 21 <iframe id="horizontal" class="composited container" style="left: 150px" src="re
sources/repaint-after-losing-scrollbars-iframe.html"></iframe> |
| 21 <iframe id="both" class="composited container" style="left: 300px" src="resource
s/repaint-after-losing-scrollbars-iframe.html"></iframe> | 22 <iframe id="both" class="composited container" style="left: 300px" src="resource
s/repaint-after-losing-scrollbars-iframe.html"></iframe> |
| 22 </body> | 23 </body> |
| 23 <script> | 24 <script> |
| 24 function finishTest() { | 25 function finishTest() { |
| 25 document.getElementById("vertical").contentDocument.body.classList.remove("t
all"); // topmost iframe loses a vertical scrollbar | 26 document.getElementById("vertical").contentDocument.body.classList.remove("t
all"); // topmost iframe loses a vertical scrollbar |
| 26 document.getElementById("horizontal").contentDocument.body.classList.remove(
"wide"); // middle iframe loses a horizontal scrollbar | 27 document.getElementById("horizontal").contentDocument.body.classList.remove(
"wide"); // middle iframe loses a horizontal scrollbar |
| 27 document.getElementById("both").contentDocument.body.classList.remove("wide"
); // bottom iframe loses both | 28 document.getElementById("both").contentDocument.body.classList.remove("wide"
); // bottom iframe loses both |
| 28 document.getElementById("both").contentDocument.body.classList.remove("tall"
); // bottom iframe loses both | 29 document.getElementById("both").contentDocument.body.classList.remove("tall"
); // bottom iframe loses both |
| 30 if (window.testRunner) |
| 31 testRunner.notifyDone(); |
| 29 } | 32 } |
| 30 | 33 |
| 31 function test() { | 34 function test() { |
| 32 document.getElementById("vertical").contentDocument.body.classList.add("tall
"); // topmost iframe starts with a vertical scrollbar | 35 document.getElementById("vertical").contentDocument.body.classList.add("tall
"); // topmost iframe starts with a vertical scrollbar |
| 33 document.getElementById("horizontal").contentDocument.body.classList.add("wi
de"); // middle iframe starts with a horizontal scrollbar | 36 document.getElementById("horizontal").contentDocument.body.classList.add("wi
de"); // middle iframe starts with a horizontal scrollbar |
| 34 document.getElementById("both").contentDocument.body.classList.add("wide");
// bottom iframe starts with both | 37 document.getElementById("both").contentDocument.body.classList.add("wide");
// bottom iframe starts with both |
| 35 document.getElementById("both").contentDocument.body.classList.add("tall");
// vertical and horizontal scrollbars | 38 document.getElementById("both").contentDocument.body.classList.add("tall");
// vertical and horizontal scrollbars |
| 36 if (window.testRunner) { | 39 if (window.testRunner) { |
| 37 testRunner.dumpAsTextWithPixelResults(); | 40 testRunner.dumpAsTextWithPixelResults(); |
| 38 testRunner.display(); // Paint once with all overflow controls visible. | 41 testRunner.waitUntilDone(); |
| 39 finishTest(); | 42 } |
| 40 } else | 43 runAfterDisplay(finishTest); |
| 41 window.setTimeout(finishTest, 5000); | |
| 42 } | 44 } |
| 43 </script> | 45 </script> |
| OLD | NEW |