OLD | NEW |
| 1 <!-- Based on fast/repaint/selection-gap-transformed-absolute-child.html --> |
1 <!doctype html> | 2 <!doctype html> |
2 <head> | 3 <head> |
3 <script src="resources/text-based-repaint.js"></script> | 4 <script src="resources/paint-invalidation-test.js"></script> |
4 <script> | 5 <script> |
5 function repaintTest() | 6 if (window.testRunner) |
| 7 testRunner.dumpAsTextWithPixelResults(); |
| 8 window.expectedPaintInvalidationObjects = [ |
| 9 "LayoutBlockFlow HTML", |
| 10 "LayoutBlockFlow BODY", |
| 11 "LayoutBlockFlow DIV", |
| 12 "LayoutBR BR", |
| 13 "InlineTextBox '\n'", |
| 14 "LayoutBlockFlow (positioned) DIV id='target'", |
| 15 "LayoutBR BR", |
| 16 "InlineTextBox '\n'", |
| 17 ]; |
| 18 function paintInvalidationTest() |
6 { | 19 { |
7 var target = document.getElementById("target"); | 20 var target = document.getElementById("target"); |
8 getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); | 21 getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1); |
9 } | 22 } |
10 </script> | 23 </script> |
11 <style> | 24 <style> |
12 body { margin: 0px; } | 25 body { margin: 0px; } |
13 #target::selection { background-color: green; } | 26 #target::selection { background-color: green; } |
14 </style> | 27 </style> |
15 </head> | 28 </head> |
16 <body onload="runRepaintTest()"> | 29 <body onload="runPaintInvalidationTest()"> |
17 <div style="position: absolute; margin-left: 200px;"> | 30 <div style="position: absolute; margin-left: 200px;"> |
18 <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps
don't repaint correctly with transforms</div> | 31 <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps
don't repaint correctly with transforms</div> |
19 <div>This tests that absolute elements that get transformed are invalida
ted correctly. The box will be completely green if the selected area was invalid
ated correctly.</div> | 32 <div>This tests that absolute elements that get transformed are invalida
ted correctly. The box will be completely green if the selected area was invalid
ated correctly.</div> |
20 </div> | 33 </div> |
21 <div style="transform: translate(50px, 50px);"> | 34 <div style="transform: translate(50px, 50px);"> |
22 <div id="target" style="background-color: red; width: 100px; height: 100
px; position: absolute;"><br/></div><br/> | 35 <div id="target" style="background-color: red; width: 100px; height: 100
px; position: absolute;"><br/></div><br/> |
23 </div> | 36 </div> |
24 </body> | 37 </body> |
OLD | NEW |