OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <!-- Simple test for |
| 3 |
| 4 https://svgwg.org/svg2-draft/styling.html#WidthProperty |
| 5 https://svgwg.org/svg2-draft/styling.html#HeightProperty |
| 6 |
| 7 "For backwards compatibility, when the ‘width’ or ‘height’ |
| 8 properties are specified as a presentation attributes, only the |
| 9 values that match the <length> production shall be mapped to |
| 10 CSS. Any other value must be treated as invalid." --> |
| 11 <script src="../../resources/testharness.js"></script> |
| 12 <script src="../../resources/testharnessreport.js"></script> |
| 13 <span style="width:200px"> |
| 14 <svg id="svg"></svg> |
| 15 <svg width="400"> |
| 16 <foreignObject id="fO"> |
| 17 </foreignObject> |
| 18 </svg> |
| 19 </span> |
| 20 <script> |
| 21 function setWidth(selector, width) { |
| 22 try { document.querySelector(selector).setAttribute('width', width); } c
atch (err) {} |
| 23 } |
| 24 function getWidth(selector) { |
| 25 return document.querySelector(selector).getBoundingClientRect().width; |
| 26 } |
| 27 var invalid_widths = [ 'auto', 'initial', 'inherit', 'foo' ]; |
| 28 invalid_widths.forEach(function(invalid_width) { |
| 29 setWidth('#svg', invalid_width); |
| 30 test(function() { |
| 31 assert_equals(getWidth('#svg'), 0); |
| 32 }, "Test width '" + invalid_width + "' on SVGSVGElement"); |
| 33 |
| 34 setWidth('#fO', invalid_width); |
| 35 test(function() { |
| 36 assert_equals(getWidth('#fO'), 0); |
| 37 }, "Test width '" + invalid_width + "' on SVGForeignObject"); |
| 38 }); |
| 39 </script> |
OLD | NEW |