OLD | NEW |
| 1 <!-- Based on fast/repaint/outline-child-repaint.html --> |
1 <html> | 2 <html> |
2 <head> | 3 <head> |
3 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | 4 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
4 <script type="text/javascript"> | 5 <script type="text/javascript"> |
5 function repaintTest() | 6 window.expectedPaintInvalidationObjects = [ |
| 7 "LayoutBlockFlow (positioned) DIV id='container'", |
| 8 "LayoutBlockFlow DIV class='outlined'", |
| 9 ]; |
| 10 function paintInvalidationTest() |
6 { | 11 { |
7 var container = document.getElementById('container'); | 12 var container = document.getElementById('container'); |
8 container.style.top = "250px"; | 13 container.style.top = "250px"; |
9 } | 14 } |
10 </script> | 15 </script> |
11 <style type="text/css" media="screen"> | 16 <style type="text/css" media="screen"> |
12 #container { | 17 #container { |
13 position: absolute; | 18 position: absolute; |
14 left: 10px; | 19 left: 10px; |
15 top: 150px; | 20 top: 150px; |
16 width: 200px; | 21 width: 200px; |
17 height: 50px; | 22 height: 50px; |
18 } | 23 } |
19 .outlined { | 24 .outlined { |
20 outline: 10px solid green; | 25 outline: 10px solid green; |
21 height: 30px; | 26 height: 30px; |
22 background-color: #DDD; | 27 background-color: #DDD; |
23 } | 28 } |
24 | 29 |
25 #underlay { | 30 #underlay { |
26 position: absolute; | 31 position: absolute; |
27 top: 240px; | 32 top: 240px; |
28 left: 0px; | 33 left: 0px; |
29 width: 200px; | 34 width: 200px; |
30 height: 30px; | 35 height: 30px; |
31 border: 10px solid red; | 36 border: 10px solid red; |
32 } | 37 } |
33 </style> | 38 </style> |
34 </head> | 39 </head> |
35 <body onload="runRepaintTest();"> | 40 <body onload="runPaintInvalidationTest();"> |
36 <p> | 41 <p> |
37 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.
cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a> | 42 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.
cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a> |
38 Repaint issue with outlines in child objects</i>. | 43 Repaint issue with outlines in child objects</i>. |
39 </p> | 44 </p> |
40 <p>If the test passes, you should not see any red below</p> | 45 <p>If the test passes, you should not see any red below</p> |
41 <hr> | 46 <hr> |
42 | 47 |
43 <div id="underlay"> | 48 <div id="underlay"> |
44 </div> | 49 </div> |
45 <div id="container"> | 50 <div id="container"> |
46 <div class="outlined"> | 51 <div class="outlined"> |
47 </div> | 52 </div> |
48 </div> | 53 </div> |
49 </body> | 54 </body> |
50 </html> | 55 </html> |
OLD | NEW |