OLD | NEW |
1 <html xmlns="http://www.w3.org/1999/xhtml"> | 1 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <head> | 2 <head> |
3 <script>window.enablePixelTesting = true;</script> | 3 <script>window.enablePixelTesting = true;</script> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
| 5 <script src="resources/SVGTransformList-helper.js"></script> |
5 </head> | 6 </head> |
6 <body> | 7 <body> |
7 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="200" height="200"> | 8 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="200" height="200"> |
8 <circle id="circle1" cx="40" cy="40" r="40" fill="green" transform="scale(2,
2) translate(10 10)"/> | 9 <circle id="circle1" cx="40" cy="40" r="40" fill="green" transform="scale(2,
2) translate(10 10)"/> |
9 </svg> | 10 </svg> |
10 | 11 |
11 <p id="description"></p> | 12 <p id="description"></p> |
12 <div id="console"></div> | 13 <div id="console"></div> |
13 <script type="text/javascript"> | 14 <script type="text/javascript"> |
14 <![CDATA[ | 15 <![CDATA[ |
15 description("This is a test of the simple SVGTransformList API parts."); | 16 description("This is a test of the simple SVGTransformList API parts."); |
16 | 17 |
17 if (window.testRunner) | 18 if (window.testRunner) |
18 testRunner.dumpAsText(); | 19 testRunner.dumpAsText(); |
19 | 20 |
20 function dumpMatrix(matrix) { | |
21 return "[" + matrix.a.toFixed(1) | |
22 + " " + matrix.b.toFixed(1) | |
23 + " " + matrix.c.toFixed(1) | |
24 + " " + matrix.d.toFixed(1) | |
25 + " " + matrix.e.toFixed(1) | |
26 + " " + matrix.f.toFixed(1) | |
27 + "]"; | |
28 } | |
29 | |
30 function dumpTransform(transform) { | |
31 var transformTypes = { | |
32 "0": "SVG_TRANSFORM_UNKNOWN", | |
33 "1": "SVG_TRANSFORM_MATRIX", | |
34 "2": "SVG_TRANSFORM_TRANSLATE", | |
35 "3": "SVG_TRANSFORM_SCALE", | |
36 "4": "SVG_TRANSFORM_ROTATE", | |
37 "5": "SVG_TRANSFORM_SKEWX", | |
38 "6": "SVG_TRANSFORM_SKEWY" | |
39 }; | |
40 | |
41 return "type=" + transformTypes[transform.type] + " matrix=" + dumpMatri
x(transform.matrix); | |
42 } | |
43 | |
44 var svg = document.getElementById("svg"); | 21 var svg = document.getElementById("svg"); |
45 var circle1 = document.getElementById("circle1"); | 22 var circle1 = document.getElementById("circle1"); |
46 | 23 |
47 // Spec: The object referenced by animVal will always be distinct from the o
ne referenced by baseVal, even when the attribute is not animated. | 24 // Spec: The object referenced by animVal will always be distinct from the o
ne referenced by baseVal, even when the attribute is not animated. |
48 shouldBeTrue("circle1.transform.baseVal != circle1.transform.animVal"); | 25 shouldBeTrue("circle1.transform.baseVal != circle1.transform.animVal"); |
49 | 26 |
50 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); | 27 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); |
51 shouldBe("circle1.transform.animVal.numberOfItems", "2"); | 28 shouldBe("circle1.transform.animVal.numberOfItems", "2"); |
52 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); | 29 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
53 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); | 30 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
(...skipping 13 matching lines...) Expand all Loading... |
67 shouldBe("circle1.transform.baseVal.getItem(null)", "circle1.transform.baseV
al.getItem(0)"); | 44 shouldBe("circle1.transform.baseVal.getItem(null)", "circle1.transform.baseV
al.getItem(0)"); |
68 | 45 |
69 debug(""); | 46 debug(""); |
70 debug("Test uncommon arguments for insertItemBefore()"); | 47 debug("Test uncommon arguments for insertItemBefore()"); |
71 shouldThrow("circle1.transform.baseVal.insertItemBefore(30)"); | 48 shouldThrow("circle1.transform.baseVal.insertItemBefore(30)"); |
72 shouldThrow("circle1.transform.baseVal.insertItemBefore('aString')"); | 49 shouldThrow("circle1.transform.baseVal.insertItemBefore('aString')"); |
73 shouldThrow("circle1.transform.baseVal.insertItemBefore(circle1)"); | 50 shouldThrow("circle1.transform.baseVal.insertItemBefore(circle1)"); |
74 shouldThrow("circle1.transform.baseVal.insertItemBefore(null)"); | 51 shouldThrow("circle1.transform.baseVal.insertItemBefore(null)"); |
75 | 52 |
76 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), 'aString')", "circle1.transform.baseVal.getItem(0)"); | 53 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), 'aString')", "circle1.transform.baseVal.getItem(0)"); |
77 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); | 54 shouldBe("circle1.transform.baseVal.numberOfItems", "3"); |
78 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); | 55 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
79 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); | 56 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
80 shouldBeEqualToString("circle1.getAttribute('transform')", "translate(10 10)
scale(2 2)"); | 57 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(2))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 58 shouldBeEqualToString("circle1.getAttribute('transform')", "translate(10 10)
scale(2 2) translate(10 10)"); |
81 | 59 |
82 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), circle1)", "circle1.transform.baseVal.getItem(0)"); | 60 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), circle1)", "circle1.transform.baseVal.getItem(0)"); |
83 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); | 61 shouldBe("circle1.transform.baseVal.numberOfItems", "4"); |
84 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); | 62 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
85 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); | 63 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
86 shouldBeEqualToString("circle1.getAttribute('transform')", "scale(2 2) trans
late(10 10)"); | 64 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(2))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
| 65 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(3))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 66 shouldBeEqualToString("circle1.getAttribute('transform')", "scale(2 2) trans
late(10 10) scale(2 2) translate(10 10)"); |
87 | 67 |
88 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), null)", "circle1.transform.baseVal.getItem(0)"); | 68 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), null)", "circle1.transform.baseVal.getItem(0)"); |
89 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); | 69 shouldBe("circle1.transform.baseVal.numberOfItems", "5"); |
90 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); | 70 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
91 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); | 71 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
92 shouldBeEqualToString("circle1.getAttribute('transform')", "translate(10 10)
scale(2 2)"); | 72 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(2))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 73 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(3))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
| 74 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(4))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 75 shouldBeEqualToString("circle1.getAttribute('transform')", "translate(10 10)
scale(2 2) translate(10 10) scale(2 2) translate(10 10)"); |
93 | 76 |
94 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), 0)", "circle1.transform.baseVal.getItem(0)"); | 77 shouldBe("circle1.transform.baseVal.insertItemBefore(circle1.transform.baseV
al.getItem(1), 0)", "circle1.transform.baseVal.getItem(0)"); |
95 shouldBe("circle1.transform.baseVal.numberOfItems", "2"); | 78 shouldBe("circle1.transform.baseVal.numberOfItems", "6"); |
96 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); | 79 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
97 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); | 80 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(1))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
98 shouldBeEqualToString("circle1.getAttribute('transform')", "scale(2 2) trans
late(10 10)"); | 81 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(2))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
| 82 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(3))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 83 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(4))",
"type=SVG_TRANSFORM_SCALE matrix=[2.0 0.0 0.0 2.0 0.0 0.0]"); |
| 84 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(5))",
"type=SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 10.0 10.0]"); |
| 85 shouldBeEqualToString("circle1.getAttribute('transform')", "scale(2 2) trans
late(10 10) scale(2 2) translate(10 10) scale(2 2) translate(10 10)"); |
99 | 86 |
100 shouldThrow("circle1.transform.baseVal.insertItemBefore(30, 0)"); | 87 shouldThrow("circle1.transform.baseVal.insertItemBefore(30, 0)"); |
101 shouldThrow("circle1.transform.baseVal.insertItemBefore('aString', 0)"); | 88 shouldThrow("circle1.transform.baseVal.insertItemBefore('aString', 0)"); |
102 shouldThrow("circle1.transform.baseVal.insertItemBefore(circle1, 0)"); | 89 shouldThrow("circle1.transform.baseVal.insertItemBefore(circle1, 0)"); |
103 shouldThrow("circle1.transform.baseVal.insertItemBefore(null, 0)"); | 90 shouldThrow("circle1.transform.baseVal.insertItemBefore(null, 0)"); |
104 | 91 |
105 debug(""); | 92 debug(""); |
106 debug("Set transform='rotate(90) scale(2 2) translate(10 10) skewX(45)' for
circle1"); | 93 debug("Set transform='rotate(90) scale(2 2) translate(10 10) skewX(45)' for
circle1"); |
107 shouldBeUndefined("circle1.setAttribute('transform', 'rotate(90) scale(2 2)
translate(10 10) skewX(45)')"); | 94 shouldBeUndefined("circle1.setAttribute('transform', 'rotate(90) scale(2 2)
translate(10 10) skewX(45)')"); |
108 shouldBe("circle1.transform.baseVal.numberOfItems", "4"); | 95 shouldBe("circle1.transform.baseVal.numberOfItems", "4"); |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
204 | 191 |
205 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.appendItem(tr
ansform))", "type=SVG_TRANSFORM_ROTATE matrix=[0.7 0.7 -0.7 0.7 85.4 -6.1]"); | 192 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.appendItem(tr
ansform))", "type=SVG_TRANSFORM_ROTATE matrix=[0.7 0.7 -0.7 0.7 85.4 -6.1]"); |
206 shouldBe("circle1.transform.baseVal.numberOfItems", "1"); | 193 shouldBe("circle1.transform.baseVal.numberOfItems", "1"); |
207 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_ROTATE matrix=[0.7 0.7 -0.7 0.7 85.4 -6.1]"); | 194 shouldBeEqualToString("dumpTransform(circle1.transform.baseVal.getItem(0))",
"type=SVG_TRANSFORM_ROTATE matrix=[0.7 0.7 -0.7 0.7 85.4 -6.1]"); |
208 shouldBeEqualToString("circle1.getAttribute('transform')", "rotate(45 50 100
)"); | 195 shouldBeEqualToString("circle1.getAttribute('transform')", "rotate(45 50 100
)"); |
209 | 196 |
210 ]]> | 197 ]]> |
211 </script> | 198 </script> |
212 </body> | 199 </body> |
213 </html> | 200 </html> |
OLD | NEW |