| 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 |