OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=15994</title> | 3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=15994</title> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 div { | 5 div { |
6 overflow: hidden; | 6 overflow: hidden; |
7 } | 7 } |
8 div, span { | 8 div, span { |
9 height: 100px; | 9 height: 100px; |
10 width: 100px; | 10 width: 100px; |
11 display: block; | 11 display: block; |
12 } | 12 } |
13 span.blue { | 13 span.blue { |
14 padding: 100px 0 0 0; | 14 padding: 100px 0 0 0; |
15 background: blue; | 15 background: blue; |
16 } | 16 } |
17 </style> | 17 </style> |
18 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | 18 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> |
19 <script type="text/javascript"> | 19 <script type="text/javascript"> |
20 function repaintTest() | 20 function repaintTest() |
21 { | 21 { |
22 document.getElementById('t1').removeAttribute("class"); | 22 document.getElementById('t1').removeAttribute("class"); |
23 document.getElementById('t2').setAttribute("class", "blue"); | 23 document.getElementById('t2').setAttribute("class", "blue"); |
24 } | 24 } |
25 </script> | 25 </script> |
26 </head> | 26 </head> |
27 <body onload="runRepaintTest()"> | 27 <body onload="runRepaintAndPixelTest()"> |
28 <div style="background: green;"><span id="t1" class="blue"> </span></di
v> | 28 <div style="background: green;"><span id="t1" class="blue"> </span></di
v> |
29 <div style="position: relative; margin: -100px 0 0 100px; background: red;">
<span id="t2"> </span></div> | 29 <div style="position: relative; margin: -100px 0 0 100px; background: red;">
<span id="t2"> </span></div> |
30 </body> | 30 </body> |
31 </html> | 31 </html> |
OLD | NEW |