OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <link rel="stylesheet" href="resources/default.css"> | 3 <link rel="stylesheet" href="resources/default.css"> |
4 <style> | 4 <style> |
5 .translated { | 5 .translated { |
6 transform: scale(2, 2); | 6 transform: scale(2, 2); |
7 -webkit-transform: scale(2, 2); | 7 -webkit-transform: scale(2, 2); |
8 -moz-transform: scale(2, 2); | 8 -moz-transform: scale(2, 2); |
9 } | 9 } |
10 </style> | 10 </style> |
| 11 <script src="../../resources/run-after-display.js"></script> |
11 <script src="resources/text-based-repaint.js"></script> | 12 <script src="resources/text-based-repaint.js"></script> |
12 <script> | 13 <script> |
13 if (window.testRunner) | 14 if (window.testRunner) { |
| 15 testRunner.waitUntilDone(); |
14 testRunner.dumpAsTextWithPixelResults(); | 16 testRunner.dumpAsTextWithPixelResults(); |
| 17 } |
| 18 |
| 19 window.onload = function() |
| 20 { |
| 21 window.scrollTo(0, 200); |
| 22 runAfterDisplay(function() { |
| 23 runRepaintTest(); |
| 24 if (window.testRunner) |
| 25 testRunner.notifyDone(); |
| 26 }); |
| 27 } |
15 | 28 |
16 function repaintTest() | 29 function repaintTest() |
17 { | 30 { |
18 document.getElementById('t').setAttribute("class", "green translated
"); | 31 document.getElementById('t').setAttribute("class", "green translated
"); |
19 } | 32 } |
20 </script> | 33 </script> |
21 </head> | 34 </head> |
22 <body style="height:2000px;" onload="runRepaintTest()"> | 35 <body style="height:2000px;"> |
23 <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: RenderL
ayer fixed position logic needs more basic testing --> | 36 <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: RenderL
ayer fixed position logic needs more basic testing --> |
24 <!-- You should see no red on this page. --> | 37 <!-- You should see no red on this page. --> |
25 <div style="position: absolute; top: 300px; left: 100px;" class="red"></div> | 38 <div style="position: absolute; top: 300px; left: 100px;" class="red"></div> |
26 <div id="t" style="position: fixed; top: 125px; left: 125px; width: 50px; he
ight: 50px;" class="green"></div> | 39 <div id="t" style="position: fixed; top: 125px; left: 125px; width: 50px; he
ight: 50px;" class="green"></div> |
27 <script> | |
28 window.scrollTo(0, 200); | |
29 </script> | |
30 </body> | 40 </body> |
31 </html> | 41 </html> |
OLD | NEW |