83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<script>window.enablePixelTesting = true;</script>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<svg id="svg" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
|
|
<text id="text1" x="500 1000 1500" y="50"> ABC </text>
|
|
<text id="reference" x="50 100" y="100"> ABC </text>
|
|
</svg>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script type="text/javascript">
|
|
<![CDATA[
|
|
description("This is a test how SVGLengthList reacts to XML DOM modifications.");
|
|
|
|
var text1 = document.getElementById("text1");
|
|
shouldBe("text1.x.baseVal.numberOfItems", "3");
|
|
|
|
var text1XBaseValGetItem0 = text1.x.baseVal.getItem(0);
|
|
var text1XBaseValGetItem1 = text1.x.baseVal.getItem(1);
|
|
var text1XBaseValGetItem2 = text1.x.baseVal.getItem(2);
|
|
|
|
shouldBe("text1XBaseValGetItem0.value", "500");
|
|
shouldBe("text1XBaseValGetItem1.value", "1000");
|
|
shouldBe("text1XBaseValGetItem2.value", "1500");
|
|
|
|
debug("");
|
|
debug("Setting x = x - 250 on all three items");
|
|
|
|
text1XBaseValGetItem0.value -= 250;
|
|
text1XBaseValGetItem1.value -= 250;
|
|
text1XBaseValGetItem2.value -= 250;
|
|
|
|
shouldBe("text1XBaseValGetItem0.value", "250");
|
|
shouldBe("text1XBaseValGetItem1.value", "750");
|
|
shouldBe("text1XBaseValGetItem2.value", "1250");
|
|
|
|
debug("");
|
|
debug("Now using text.setAttribute('x', '50 100')");
|
|
text1.setAttribute("x", "50 100");
|
|
|
|
debug("");
|
|
debug("Assure that the wrappers still point to the OLD values");
|
|
shouldBe("text1XBaseValGetItem0.value", "250");
|
|
shouldBe("text1XBaseValGetItem1.value", "750");
|
|
shouldBe("text1XBaseValGetItem2.value", "1250");
|
|
|
|
debug("");
|
|
debug("Assure that obtaining new wrappers will give the right NEW values");
|
|
shouldBe("text1.x.baseVal.numberOfItems", "2");
|
|
shouldBe("text1.x.baseVal.getItem(0).value", "50");
|
|
shouldBe("text1.x.baseVal.getItem(1).value", "100");
|
|
|
|
debug("");
|
|
debug("Setting x = x + 100 on all old wrapper items");
|
|
text1XBaseValGetItem0.value += 100;
|
|
text1XBaseValGetItem1.value += 100;
|
|
text1XBaseValGetItem2.value += 100;
|
|
|
|
debug("");
|
|
debug("Assure that the old wrappers can still be modified, but don't influence the new wrappers");
|
|
shouldBe("text1XBaseValGetItem0.value", "350");
|
|
shouldBe("text1XBaseValGetItem1.value", "850");
|
|
shouldBe("text1XBaseValGetItem2.value", "1350");
|
|
|
|
debug("");
|
|
debug("Assure that the new wrappers stayed the same");
|
|
shouldBe("text1.x.baseVal.numberOfItems", "2");
|
|
shouldBe("text1.x.baseVal.getItem(0).value", "50");
|
|
shouldBe("text1.x.baseVal.getItem(1).value", "100");
|
|
|
|
debug("");
|
|
debug("The test passes if you only see 'PASS' messages, and both elements on top look the same");
|
|
debug("");
|
|
|
|
]]>
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|