OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 body { | 3 body { |
4 position: absolute; | 4 position: absolute; |
5 left: 0px; | 5 left: 0px; |
6 top: 0px; | 6 top: 0px; |
7 right: 0px; | 7 right: 0px; |
8 bottom: 0px; | 8 bottom: 0px; |
9 } | 9 } |
10 body > div { | 10 body > div { |
11 position: absolute; | 11 position: absolute; |
12 left: 400px; top: 10px; opacity: 1; | 12 left: 400px; top: 10px; opacity: 1; |
13 } | 13 } |
14 div > div { | 14 div > div { |
15 position: relative; | 15 position: relative; |
16 display: inline-block; | 16 display: inline-block; |
17 left: 20px; | 17 left: 20px; |
18 top: 20px; | 18 top: 20px; |
19 width: 300px; | 19 width: 300px; |
20 background-color: papayawhip; | 20 background-color: papayawhip; |
21 } | 21 } |
22 </style> | 22 </style> |
23 <body onload="runRepaintTest();"> | 23 <body onload="runRepaintAndPixelTest();"> |
24 <div id="container"> | 24 <div id="container"> |
25 <div> | 25 <div> |
26 There should only be one copy of this text. | 26 There should only be one copy of this text. |
27 </div> | 27 </div> |
28 </div> | 28 </div> |
29 | 29 |
30 <script src="resources/text-based-repaint.js"></script> | 30 <script src="resources/text-based-repaint.js"></script> |
31 <script> | 31 <script> |
32 function repaintTest() { | 32 function repaintTest() { |
33 var container = document.getElementById('container'); | 33 var container = document.getElementById('container'); |
34 container.style.left = '0px'; | 34 container.style.left = '0px'; |
35 }; | 35 }; |
36 </script> | 36 </script> |
OLD | NEW |