| 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 |