dom/smil/test/test_smilCSSFontStretchRelative.xhtml@6474c204b198
dom/smil/test/test_smilCSSFontStretchRelative.xhtml
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <title>Test for Animation Behavior on CSS Properties</title>
4 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
5 <script type="text/javascript" src="smilTestUtils.js"></script>
6 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
7 </head>
8 <body>
9 <p id="display"></p>
10 <div id="content" style="display: none">
11 <svg id="svg" xmlns="http://www.w3.org/2000/svg">
12 </svg>
13 </div>
14 <pre id="test">
15 <script class="testbody" type="text/javascript">
16 <![CDATA[
17 /* This testcase verifies that animated values of "wider" and "narrower" for
18 "font-stretch" have the expected effect, across all possible inherited
19 values of the property.
20 XXXdholbert Currently, we don't support animating relative values of
21 font-stretch, so most of the tests here use todo_is() rather than is().
22 */
24 SimpleTest.waitForExplicitFinish();
26 const gPropertyName="font-stretch";
28 // List of non-relative font-stretch values, from smallest to largest
29 const gFontStretchValues = [
30 "ultra-condensed",
31 "extra-condensed",
32 "condensed",
33 "semi-condensed",
34 "normal",
35 "semi-expanded",
36 "expanded",
37 "extra-expanded",
38 "ultra-expanded"
39 ];
41 function testFontStretchValue(baseValue, narrowerStep, widerStep)
42 {
43 var svg = SMILUtil.getSVGRoot();
44 var gElem = document.createElementNS(SVG_NS, "g");
45 gElem.setAttribute("style", "font-stretch: " + baseValue);
46 svg.appendChild(gElem);
48 var textElem = document.createElementNS(SVG_NS, "text");
49 gElem.appendChild(textElem);
51 var animElem = document.createElementNS(SVG_NS, "set");
52 animElem.setAttribute("attributeName", gPropertyName);
53 animElem.setAttribute("attributeType", "CSS");
54 animElem.setAttribute("begin", "0s");
55 animElem.setAttribute("dur", "indefinite");
56 textElem.appendChild(animElem);
58 // CHECK EFFECT OF 'narrower'
59 // NOTE: Using is() instead of todo_is() for ultra-condensed, since
60 // 'narrower' has no effect on that value.
61 var myIs = (baseValue == "ultra-condensed" ? is : todo_is);
62 animElem.setAttribute("to", "narrower");
63 SMILUtil.getSVGRoot().setCurrentTime(1.0); // Force a resample
64 myIs(SMILUtil.getComputedStyleSimple(textElem, gPropertyName), narrowerStep,
65 "checking effect of 'narrower' on inherited value '" + baseValue + "'");
67 // CHECK EFFECT OF 'wider'
68 // NOTE: using is() instead of todo_is() for ultra-expanded, since
69 // 'wider' has no effect on that value.
70 myIs = (baseValue == "ultra-expanded" ? is : todo_is);
71 animElem.setAttribute("to", "wider");
72 SMILUtil.getSVGRoot().setCurrentTime(1.0); // Force a resample
73 myIs(SMILUtil.getComputedStyleSimple(textElem, gPropertyName), widerStep,
74 "checking effect of 'wider' on inherited value '" + baseValue + "'");
76 // Removing animation should clear animated effects
77 textElem.removeChild(animElem);
78 svg.removeChild(gElem);
79 }
81 function main()
82 {
83 var valuesList = gFontStretchValues;
84 for (var baseIdx in valuesList) {
85 // 'narrower' and 'wider' are expected to shift us by one slot, but not
86 // past the ends of the list of possible values.
87 var narrowerIdx = Math.max(baseIdx - 1, 0);
88 var widerIdx = Math.min(baseIdx + 1, valuesList.length - 1);
90 testFontStretchValue(valuesList[baseIdx],
91 valuesList[narrowerIdx], valuesList[widerIdx]);
92 }
94 SimpleTest.finish();
95 }
97 window.addEventListener("load", main, false);
98 ]]>
99 </script>
100 </pre>
101 </body>
102 </html>
