OLD | NEW |
1 <!-- Based on fast/repaint/transform-rotate-and-remove.html --> | 1 <!-- Based on fast/repaint/transform-rotate-and-remove.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <title> | 5 <title> |
6 Test case for https://bugs.webkit.org/show_bug.cgi?id=61338 | 6 Test case for https://bugs.webkit.org/show_bug.cgi?id=61338 |
7 </title> | 7 </title> |
8 <style> | 8 <style> |
9 .rotated { | 9 .rotated { |
10 transform:rotate(50deg); | 10 transform:rotate(50deg); |
11 } | 11 } |
12 </style> | 12 </style> |
13 <script src="resources/paint-invalidation-test.js" type="text/javascript
"></script> | 13 <script src="resources/paint-invalidation-test.js" type="text/javascript
"></script> |
14 <script> | 14 <script> |
15 window.expectedPaintInvalidationObjects = [ | |
16 "LayoutBlockFlow DIV id='rel'", | |
17 "LayoutBlockFlow DIV id='rel'", | |
18 ]; | |
19 function paintInvalidationTest() { | 15 function paintInvalidationTest() { |
20 document.getElementById('rel').classList.remove('rotated'); | 16 document.getElementById('rel').classList.remove('rotated'); |
21 } | 17 } |
22 </script> | 18 </script> |
23 </head> | 19 </head> |
24 <body onload="runPaintInvalidationTest()"> | 20 <body onload="runPaintInvalidationTest()"> |
25 <!-- | 21 <!-- |
26 <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=61338">61338</a
>: Element not fully repainted after application and removal of transform </p> | 22 <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=61338">61338</a
>: Element not fully repainted after application and removal of transform </p> |
27 <p> The test PASSES only if all the four borders of the box are displaye
d in green</p> | 23 <p> The test PASSES only if all the four borders of the box are displaye
d in green</p> |
28 --> | 24 --> |
29 <div id="rel" class="rotated" style="height:50px; width:200px; backgroun
d-color:yellow ; border:10px solid green;"> </div> | 25 <div id="rel" class="rotated" style="height:50px; width:200px; backgroun
d-color:yellow ; border:10px solid green;"> </div> |
30 </body> | 26 </body> |
31 </html> | 27 </html> |
OLD | NEW |