OLD | NEW |
| 1 <!-- Based on fast/repaint/hover-invalidation-table.html --> |
1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
2 <style> | 3 <style> |
3 body { | |
4 font: 10px/1 Ahem; | |
5 } | |
6 | |
7 tr:hover { | 4 tr:hover { |
8 background-color: green; | 5 background-color: green; |
9 } | 6 } |
10 | 7 |
11 table { | 8 table { |
12 position:relative; | 9 position:relative; |
13 top: 180px; | 10 top: 180px; |
14 } | 11 } |
15 </style> | 12 </style> |
16 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 13 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
pt> |
17 <script> | 14 <script> |
18 function repaintTest() | 15 window.expectedPaintInvalidationObjects = [ |
| 16 "LayoutTableCell TD id='secondRowSpan'", |
| 17 "LayoutTableCell TD", |
| 18 "LayoutTableRow TR class='bla'", |
| 19 ]; |
| 20 function paintInvalidationTest() |
19 { | 21 { |
20 var secondRowSpan = document.getElementById("secondRowSpan"); | 22 var secondRowSpan = document.getElementById("secondRowSpan"); |
21 var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); | 23 var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); |
22 var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right)
/ 2; | 24 var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right)
/ 2; |
23 var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom)
/ 2; | 25 var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom)
/ 2; |
24 | 26 |
25 if (window.eventSender) { | 27 if (window.eventSender) { |
26 eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); | 28 eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); |
27 eventSender.mouseDown(); | 29 eventSender.mouseDown(); |
28 eventSender.mouseUp(); | 30 eventSender.mouseUp(); |
29 } | 31 } |
30 } | 32 } |
31 | 33 |
32 window.addEventListener("load", runRepaintTest); | 34 window.addEventListener("load", runPaintInvalidationTest); |
33 </script> | 35 </script> |
34 <table> | 36 <table> |
35 <tr> | 37 <tr> |
36 <td rowspan="2">1,1</td> | 38 <td rowspan="2">1,1</td> |
37 <td>1,4</td> | 39 <td>1,4</td> |
38 </tr> | 40 </tr> |
39 <tr> | 41 <tr> |
40 <td>2,3</td> | 42 <td>2,3</td> |
41 </tr> | 43 </tr> |
42 <tr class="bla"> | 44 <tr class="bla"> |
43 <td rowspan="2" id="secondRowSpan">3,1</td> | 45 <td rowspan="2" id="secondRowSpan">3,1</td> |
44 <td>3,4</td> | 46 <td>3,4</td> |
45 </tr> | 47 </tr> |
46 <tr> | 48 <tr> |
47 <td>4,4</td> | 49 <td>4,4</td> |
48 </tr> | 50 </tr> |
49 </table> | 51 </table> |
OLD | NEW |