| OLD | NEW |
| 1 <!-- Based on fast/images/do-not-paint-below-image-baseline.html --> |
| 1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
| 2 <html> | 3 <html> |
| 3 <head> | 4 <head> |
| 4 <script src="../repaint/resources/text-based-repaint.js"></script> | 5 <script src="resources/paint-invalidation-test.js"></script> |
| 5 <script> | 6 <script> |
| 6 function repaintTest() | 7 window.expectedPaintInvalidationObjects = [ |
| 8 "LayoutImage IMG", |
| 9 ]; |
| 10 function paintInvalidationTest() |
| 7 { | 11 { |
| 8 var things = document.getElementsByClassName("before"); | 12 var things = document.getElementsByClassName("before"); |
| 9 while (things.length) | 13 while (things.length) |
| 10 things[0].classList.remove("before"); | 14 things[0].classList.remove("before"); |
| 11 } | 15 } |
| 12 </script> | 16 </script> |
| 13 <style> | 17 <style> |
| 14 img { | 18 img { |
| 15 margin: 50px; | 19 margin: 50px; |
| 16 } | 20 } |
| 17 body { | 21 body { |
| 18 margin: 0px; | 22 margin: 0px; |
| 19 } | 23 } |
| 20 .before { | 24 .before { |
| 21 background-color: green; | 25 background-color: green; |
| 22 } | 26 } |
| 23 </style> | 27 </style> |
| 24 </head> | 28 </head> |
| 25 <body onload="runRepaintTest()"> | 29 <body onload="runPaintInvalidationTest()"> |
| 26 <img class="before" src="resources/59.jpg"> | 30 <img class="before" src="../../../fast/images/resources/59.jpg"> |
| 27 <p> When painting an inline image, do not paint below its baseline unless it
s selected. | 31 <p> When painting an inline image, do not paint below its baseline unless it
s selected. |
| 28 The invalidation rect should not extend outside the content rect of the
image. </p> | 32 The invalidation rect should not extend outside the content rect of the
image. </p> |
| 29 </body> | 33 </body> |
| 30 </html> | 34 </html> |
| OLD | NEW |