third_party/WebKit/LayoutTests/svg/custom/disallow-non-lengths-in-attrs.html

   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); } catch (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>