| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
| 5 <script> | 5 <script> |
| 6 function imageShapeRect(elementId) | 6 function imageShapeRect(elementId) |
| 7 { | 7 { |
| 8 var s = document.getElementById("image-shape").getBoundingClientRect(); | 8 var s = document.getElementById("image-shape").getBoundingClientRect(); |
| 9 var r = document.getElementById(elementId).getBoundingClientRect(); | 9 var r = document.getElementById(elementId).getBoundingClientRect(); |
| 10 return {right: s.right - r.right, top: r.top - s.top, width: r.width, he
ight: r.height}; | 10 return {right: s.right - r.right, top: r.top - s.top, width: r.width, he
ight: r.height}; |
| 11 } | 11 } |
| 12 | 12 |
| 13 window.onload = function() { | 13 window.onload = function() { |
| 14 var quiet = true; // PASS output depends on if subpixel layout has been en
abled | 14 var quiet = true; // PASS output depends on if subpixel layout has been en
abled |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 51 <body> | 51 <body> |
| 52 <p>This test requires the Ahem font. The green content should wrap around the
blue rounded rectangle.</p> | 52 <p>This test requires the Ahem font. The green content should wrap around the
blue rounded rectangle.</p> |
| 53 <div id="content"> | 53 <div id="content"> |
| 54 <div id="image-shape"></div> | 54 <div id="image-shape"></div> |
| 55 <span id="a">X</span><br><br><span id="b">X</span><br><span id="c">X</span
><br><br><span id="d">X</span><br><span id="e">XXXX</span> | 55 <span id="a">X</span><br><br><span id="b">X</span><br><span id="c">X</span
><br><br><span id="d">X</span><br><span id="e">XXXX</span> |
| 56 </div> | 56 </div> |
| 57 <div id="console"></div> | 57 <div id="console"></div> |
| 58 </body> | 58 </body> |
| 59 </html> | 59 </html> |
| 60 | 60 |
| OLD | NEW |