<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:h="http://www.w3.org/1999/xhtml">
  <metadata>
    <h:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/single-page.html#text-TSpanNotes"/>
    <h:meta name="assert" content="x y dx dy and rotate attributes on text and tspan elements are lists that support length()"/>
</metadata>
  <text id="text" font-family="Verdana" font-size="55" fill="blue"
  y="150 130 160" x="120 160 200 240" rotate="0 0 10, -10, 0">
    My <tspan id="tspan" x="280 325" y="150 155 160 165 170" rotate="-30,0,30">socks</tspan>
    are blue.
  </text>
  <h:script src="/resources/testharness.js"/>
  <h:script src="/resources/testharnessreport.js"/>
  <script><![CDATA[
    test(function() {
      /* Make sure that text.y is a list, (presumably
       * SVGAnimatedLengthList) and that the list has a
       * length() method and that it returns the right thing.
       *
       * This test is for a change in SVG for 2.0, since 1.x, to add
       * a length property.
       */
      var text = document.getElementById('text');
      assert_equals(text.y.baseVal.length, 3);
      assert_equals(text.x.baseVal.length, 4);
      assert_equals(text.rotate.baseVal.length, 5);

      /* same for tspan */
      var tspan = document.getElementById('tspan');
      assert_equals(tspan.x.baseVal.length, 2);
      assert_equals(tspan.y.baseVal.length, 5);
      assert_equals(tspan.rotate.baseVal.length, 3);

      /* Note, we only have to test that the length property
       * is there (and interoperable) when there is a list given;
       * in practice it's there with value 0 when the attributes are
       * absent, but that's not required, the attribute could be implemented
       * as a plain string in that case, or absent entirely, I think
       * - Liam Quin 2018
       */
     });
  ]]></script>
</svg>