dom/smil/test/test_smilFillMode.xhtml@b8a032363ba2
dom/smil/test/test_smilFillMode.xhtml
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <title>Test for SMIL fill modes</title>
4 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
5 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
6 </head>
7 <body>
8 <p id="display"></p>
9 <div id="content" style="display: none">
10 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="120px" height="120px"
11 onload="this.pauseAnimations()">
12 <circle cx="-100" cy="20" r="15" fill="blue" id="circle"/>
13 </svg>
14 </div>
15 <pre id="test">
16 <script class="testbody" type="text/javascript">
17 <![CDATA[
18 /** Test for SMIL fill modes **/
20 /* Global Variables */
21 const svgns="http://www.w3.org/2000/svg";
22 var svg = document.getElementById("svg");
23 var circle = document.getElementById('circle');
25 SimpleTest.waitForExplicitFinish();
27 function createAnim() {
28 var anim = document.createElementNS(svgns,'animate');
29 anim.setAttribute('attributeName','cx');
30 anim.setAttribute('dur','4s');
31 anim.setAttribute('begin','0s');
32 anim.setAttribute('values', '10; 20');
33 return circle.appendChild(anim);
34 }
36 function main() {
37 ok(svg.animationsPaused(), "should be paused by <svg> load handler");
38 is(svg.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler");
40 var tests =
41 [ testSetLaterA,
42 testSetLaterB,
43 testRemoveLater ];
44 for (var i = 0; i < tests.length; i++) {
45 var anim = createAnim();
46 svg.setCurrentTime(0);
47 tests[i](anim);
48 anim.parentNode.removeChild(anim);
49 }
50 SimpleTest.finish();
51 }
53 function checkSample(time, expectedValue) {
54 svg.setCurrentTime(time);
55 is(circle.cx.animVal.value, expectedValue,
56 "Updated fill mode not applied to animation");
57 }
59 // Test that we can update the fill mode after an interval has played and it
60 // will be updated correctly.
61 function testSetLaterA(anim) {
62 checkSample(5, -100);
63 anim.setAttribute('fill', 'freeze');
64 is(circle.cx.animVal.value, 20,
65 "Fill not applied for retrospectively set fill mode");
66 }
68 function testSetLaterB(anim) {
69 anim.setAttribute('fill', 'freeze');
70 checkSample(5, 20);
71 }
73 function testRemoveLater(anim) {
74 anim.setAttribute('fill', 'freeze');
75 checkSample(5, 20);
76 anim.setAttribute('fill', 'remove');
77 is(circle.cx.animVal.value, -100,
78 "Fill not removed for retrospectively set fill mode");
79 }
81 window.addEventListener("load", main, false);
82 ]]>
83 </script>
84 </pre>
85 </body>
86 </html>
