| OLD | NEW |
| 1 <!-- Based on fast/table/border-collapsing/cached-69296.html --> |
| 1 <!-- | 2 <!-- |
| 2 Test for bug69296. | 3 Test for bug69296. |
| 3 Collapsed borders should not disappear. | 4 Collapsed borders should not disappear. |
| 4 --> | 5 --> |
| 5 <html> | 6 <html> |
| 6 <head> | 7 <head> |
| 7 <script src="../../../fast/repaint/resources/text-based-repaint.js"></sc
ript> | 8 <script src="resources/paint-invalidation-test.js"></script> |
| 8 <style> | 9 <style> |
| 9 BODY { | 10 BODY { |
| 10 margin: 20px; | 11 margin: 20px; |
| 11 } | 12 } |
| 12 TABLE { | 13 TABLE { |
| 13 border-collapse: collapse; | 14 border-collapse: collapse; |
| 14 } | 15 } |
| 15 TD { | 16 TD { |
| 16 width: 50px; | 17 width: 50px; |
| 17 height: 50px; | 18 height: 50px; |
| 18 border: 1px solid #333333; | 19 border: 1px solid #333333; |
| 19 } | 20 } |
| 20 #row1:hover { | 21 #row1:hover { |
| 21 background-color: #ddd; | 22 background-color: #ddd; |
| 22 color: #111; | 23 color: #111; |
| 23 } | 24 } |
| 24 </style> | 25 </style> |
| 25 <head> | 26 <head> |
| 26 <script type="text/javascript"> | 27 <script type="text/javascript"> |
| 27 function repaintTest() { | 28 window.expectedPaintInvalidationObjects = [ |
| 29 "LayoutTableCell TD", |
| 30 "LayoutTableCell TD", |
| 31 "LayoutTableCell TD", |
| 32 "LayoutTableRow TR id='row1'", |
| 33 "LayoutTableCell TD", |
| 34 "LayoutTableCell TD", |
| 35 "LayoutTableCell TD", |
| 36 "LayoutTableCell TD", |
| 37 "LayoutTableCell TD", |
| 38 "LayoutTableCell TD", |
| 39 "LayoutTableRow TR id='row1'", |
| 40 "LayoutTableCell TD", |
| 41 "LayoutTableCell TD", |
| 42 "LayoutTableCell TD", |
| 43 ]; |
| 44 function paintInvalidationTest() { |
| 28 row = document.getElementById('row1'); | 45 row = document.getElementById('row1'); |
| 29 rowRect = row.getBoundingClientRect(); | 46 rowRect = row.getBoundingClientRect(); |
| 30 x = rowRect.left + 75; | 47 x = rowRect.left + 75; |
| 31 y = rowRect.top; | 48 y = rowRect.top; |
| 32 document.body.offsetTop; | 49 document.body.offsetTop; |
| 33 if (window.eventSender) { | 50 if (window.eventSender) { |
| 34 eventSender.mouseMoveTo(x, y + 1); | 51 eventSender.mouseMoveTo(x, y + 1); |
| 35 eventSender.mouseMoveTo(x, y - 1); | 52 eventSender.mouseMoveTo(x, y - 1); |
| 36 } | 53 } |
| 37 } | 54 } |
| 38 </script> | 55 </script> |
| 39 </head> | 56 </head> |
| 40 <body onload="runRepaintTest()"> | 57 <body onload="runPaintInvalidationTest()"> |
| 41 <table> | 58 <table> |
| 42 <tr id="row1"> | 59 <tr id="row1"> |
| 43 <td valign="top"/> | 60 <td valign="top"/> |
| 44 <td/> | 61 <td/> |
| 45 <td> | 62 <td> |
| 46 <div> | 63 <div> |
| 47 <div style="width: 20px; height: 20px; background: lime;
"/> | 64 <div style="width: 20px; height: 20px; background: lime;
"/> |
| 48 </div> | 65 </div> |
| 49 </td> | 66 </td> |
| 50 </tr> | 67 </tr> |
| 51 <tr id="row2"> | 68 <tr id="row2"> |
| 52 <td/> | 69 <td/> |
| 53 <td/> | 70 <td/> |
| 54 <td/> | 71 <td/> |
| 55 </tr> | 72 </tr> |
| 56 </table> | 73 </table> |
| 57 </body> | 74 </body> |
| 58 </html> | 75 </html> |
| OLD | NEW |