summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/smil/anim-text-attr-01.svg
blob: c61c612fb41e2134a4ea0b48ce33a1389f136e50 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"
     style="font: 16px sans-serif">

  <title>Testcase for animating attributes on child text content elements</title>

  <text x="20" y="20">Test 1
    <set attributeName="x" to="200" begin="indefinite"/>
  </text>
  <text x="20" y="40">Test 2
    <set attributeName="y" to="60" begin="indefinite"/>
  </text>
  <text x="20" y="80">Test 3
    <set attributeName="rotate" to="10" begin="indefinite"/>
  </text>
  <text>
    <tspan x="20" y="100">Test 4
      <set attributeName="x" to="200" begin="indefinite"/>
    </tspan>
  </text>
  <text>
    <tspan x="20" y="120">Test 5
      <set attributeName="y" to="140" begin="indefinite"/>
    </tspan>
  </text>
  <text>
    <tspan x="20" y="160">Test 6
      <set attributeName="rotate" to="30" begin="indefinite"/>
    </tspan>
  </text>
  <path id="p" d="M 20,180 h 400"/>
  <text>
    <textPath xlink:href="#p">Test 7
      <set attributeName="startOffset" to="180" begin="indefinite"/>
    </textPath>
  </text>
  <text x="20" y="200" textLength="100" lengthAdjust="spacing">Test 8
    <set attributeName="lengthAdjust" to="spacingAndGlyphs" begin="indefinite"/>
  </text>
  <!-- We don't support textLength/lengthAdjust on child text content
       elements currently (bug 890692), so Test 9 doesn't really test
       anything at the moment.  But it is the only animatable enumerated
       attribute value on text content elements to test. -->
  <text>
    <tspan x="20" y="220" textLength="100" lengthAdjust="spacing">Test 9
      <set attributeName="lengthAdjust" to="spacingAndGlyphs" begin="indefinite"/>
    </tspan>
  </text>

  <script>
    window.addEventListener("MozReftestInvalidate", function() {
      [...document.querySelectorAll("set")].forEach((e) => e.beginElement());
      document.documentElement.removeAttribute("class");
    }, false);
  </script>
</svg>