dom/smil/test/test_smilKeyTimesPacedMode.xhtml@b8a032363ba2
dom/smil/test/test_smilKeyTimesPacedMode.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>Tests updated intervals</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 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=555026">Mozilla Bug 555026</a>
9 <p id="display"></p>
10 <div id="content" style="display: none">
11 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="120px" height="120px"
12 onload="this.pauseAnimations()">
13 <circle r="10" id="circle"/>
14 </svg>
15 </div>
16 <pre id="test">
17 <script class="testbody" type="text/javascript">
18 <![CDATA[
19 /** Test that we ignore keyTimes attr when calcMode="paced" **/
21 /* Global Variables */
22 const SVGNS = "http://www.w3.org/2000/svg";
23 const ANIM_DUR = "2s";
24 const HALF_TIME = "1";
25 const ATTR_NAME = "cx"
26 const KEYTIMES_TO_TEST = [
27 // potentially-valid values (depending on number of values in animation)
28 "0; 0.2; 1",
29 "0; 0.5",
30 "0; 1",
31 // invalid values:
32 "", "abc", "-0.5", "0; 0.5; 1.01", "5"
33 ];
34 const gSvg = document.getElementById("svg");
35 const gCircle = document.getElementById("circle");
37 SimpleTest.waitForExplicitFinish();
40 // MAIN FUNCTIONS
41 function main() {
42 ok(gSvg.animationsPaused(), "should be paused by <svg> load handler");
43 is(gSvg.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler");
45 testByAnimation();
46 testToAnimation();
47 testValuesAnimation();
48 SimpleTest.finish();
49 }
51 function testByAnimation() {
52 for (var i = 0; i < KEYTIMES_TO_TEST.length; i++) {
53 setupTest();
54 var anim = createAnim();
55 anim.setAttribute("by", "200");
56 var curKeyTimes = KEYTIMES_TO_TEST[i];
57 anim.setAttribute("keyTimes", curKeyTimes);
59 gSvg.setCurrentTime(HALF_TIME);
60 is(gCircle.cx.animVal.value, 100,
61 "Checking animVal with 'by' and keyTimes='" + curKeyTimes + "'");
63 anim.parentNode.removeChild(anim); // clean up
64 }
65 }
67 function testToAnimation() {
68 for (var i = 0; i < KEYTIMES_TO_TEST.length; i++) {
69 setupTest();
70 var anim = createAnim();
71 anim.setAttribute("to", "200");
72 var curKeyTimes = KEYTIMES_TO_TEST[i];
73 anim.setAttribute("keyTimes", curKeyTimes);
75 gSvg.setCurrentTime(HALF_TIME);
76 is(gCircle.cx.animVal.value, 100,
77 "Checking animVal with 'to' and keyTimes='" + curKeyTimes + "'");
79 anim.parentNode.removeChild(anim); // clean up
80 }
81 }
83 function testValuesAnimation() {
84 for (var i = 0; i < KEYTIMES_TO_TEST.length; i++) {
85 setupTest();
86 var anim = createAnim();
87 anim.setAttribute("values", "100; 110; 200");
88 var curKeyTimes = KEYTIMES_TO_TEST[i];
89 anim.setAttribute("keyTimes", curKeyTimes);
91 gSvg.setCurrentTime(HALF_TIME);
92 is(gCircle.cx.animVal.value, 150,
93 "Checking animVal with 'values' and keyTimes='" + curKeyTimes + "'");
95 anim.parentNode.removeChild(anim); // clean up
96 }
97 }
99 // HELPER FUNCTIONS
100 // Common setup code for each test function: seek to 0, and make sure
101 // the previous test cleaned up its animations.
102 function setupTest() {
103 gSvg.setCurrentTime(0);
104 if (gCircle.firstChild) {
105 ok(false, "Previous test didn't clean up after itself.");
106 }
107 }
109 function createAnim() {
110 var anim = document.createElementNS(SVGNS,"animate");
111 anim.setAttribute("attributeName", ATTR_NAME);
112 anim.setAttribute("dur", ANIM_DUR);
113 anim.setAttribute("begin", "0s");
114 anim.setAttribute("calcMode", "paced");
115 return gCircle.appendChild(anim);
116 }
118 window.addEventListener("load", main, false);
119 ]]>
120 </script>
121 </pre>
122 </body>
123 </html>
