| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/testharness.js"></script> | 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> | 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 <script src="../resources/text-based-repaint.js"></script> | 4 <script src="../resources/text-based-repaint.js"></script> |
| 5 <script> | 5 <script> |
| 6 // When resizing the div that contains SVG, the SVG root element and rect resize
accordingly. | 6 // Since the SVG root element has fixed size, we should not need to |
| 7 // It's necessary to invalidate the rect in this case. | 7 // invalidate the rect within it. |
| 8 window.expectedObjectInvalidations.push("LayoutSVGRect rect"); | 8 window.expectedObjectNonInvalidations.push("LayoutSVGRect rect"); |
| 9 | 9 |
| 10 onload = runRepaintTest; | 10 onload = runRepaintTest; |
| 11 window.outputRepaintRects = false; | 11 window.outputRepaintRects = false; |
| 12 function repaintTest() { | 12 function repaintTest() { |
| 13 » target.style.width = '200px'; | 13 target.style.width = '200px'; |
| 14 » target.style.height= '200px'; | 14 target.style.height= '200px'; |
| 15 }; | 15 }; |
| 16 </script> | 16 </script> |
| 17 <div id="target" style="width: 100px; height: 100px"> | 17 <div id="target" style="width: 100px; height: 100px"> |
| 18 <svg viewBox="0 0 200 200"> | 18 <svg viewBox="0 0 200 200" width="100" height="100"> |
| 19 <rect x="50" y="50" width="100" height="100"/> | 19 <rect width="100%" height="100%"/> |
| 20 </svg> | 20 </svg> |
| 21 </div> | 21 </div> |
| OLD | NEW |