blob: f501777ef5b0456f953e7bcd8597267a958068d1 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description("This test checks the SVGViewSpec API, operating on a parsed viewSpec");
if (window.testRunner)
testRunner.waitUntilDone();
function completeTest() {
var script = document.createElement("script");
script.onload = function() {
if (window.testRunner)
testRunner.notifyDone();
};
script.src = "../../resources/js-test-post.js";
document.body.appendChild(script);
}
// Load an external file to test svgView() handling.
function testFragment(string) {
debug("");
debug("Loading external SVG resources/viewspec-target.svg");
debug("Passing SVGViewSpec: " + string);
debug("");
var iframeElement = document.createElement("iframe");
iframeElement.setAttribute("id", "iframe");
iframeElement.setAttribute("style", "display: block");
iframeElement.setAttribute("width", "120px");
iframeElement.setAttribute("height", "120px");
iframeElement.setAttribute("onload", "setTimeout(continueTesting, 0)");
var newURL = "resources/viewspec-target.svg#" + string;
iframeElement.src = newURL;
document.getElementById("console").appendChild(iframeElement);
}
function matrixToString(matrix) {
return "[" + matrix.a.toFixed(2) + " " + matrix.b.toFixed(2) + " " + matrix.c.toFixed(2) + " " + matrix.d.toFixed(2) + " " + matrix.e.toFixed(2) + " " + matrix.f.toFixed(2) + "]";
}
function continueTesting() {
currentView = document.getElementById("iframe").contentDocument.documentElement.currentView;
debug("");
debug("Check transform value");
shouldBeEqualToString("currentView.transformString", "translate(0 10) translate(25 25) rotate(45) translate(-25 -25) scale(0.7 0.7)");
shouldBe("currentView.transform.numberOfItems", "5");
shouldBe("currentView.transform.getItem(0).type", "SVGTransform.SVG_TRANSFORM_TRANSLATE");
shouldBe("currentView.transform.getItem(0).angle", "0");
shouldBeEqualToString("matrixToString(currentView.transform.getItem(0).matrix)", "[1.00 0.00 0.00 1.00 0.00 10.00]");
shouldBe("currentView.transform.getItem(1).type", "SVGTransform.SVG_TRANSFORM_TRANSLATE");
shouldBe("currentView.transform.getItem(1).angle", "0");
shouldBeEqualToString("matrixToString(currentView.transform.getItem(1).matrix)", "[1.00 0.00 0.00 1.00 25.00 25.00]");
shouldBe("currentView.transform.getItem(2).type", "SVGTransform.SVG_TRANSFORM_ROTATE");
shouldBe("currentView.transform.getItem(2).angle", "45");
shouldBeEqualToString("matrixToString(currentView.transform.getItem(2).matrix)", "[0.71 0.71 -0.71 0.71 0.00 0.00]");
shouldBe("currentView.transform.getItem(3).type", "SVGTransform.SVG_TRANSFORM_TRANSLATE");
shouldBe("currentView.transform.getItem(3).angle", "0");
shouldBeEqualToString("matrixToString(currentView.transform.getItem(3).matrix)", "[1.00 0.00 0.00 1.00 -25.00 -25.00]");
shouldBe("currentView.transform.getItem(4).type", "SVGTransform.SVG_TRANSFORM_SCALE");
shouldBe("currentView.transform.getItem(4).angle", "0");
shouldBeEqualToString("matrixToString(currentView.transform.getItem(4).matrix)", "[0.70 0.00 0.00 0.70 0.00 0.00]");
debug("");
debug("Check viewTarget value");
shouldBeEqualToString("currentView.viewTargetString", "blub");
shouldBeNull("currentView.viewTarget"); // There's no element named 'blub' in the tree.
debug("");
debug("Check zoomAndPan value");
shouldBe("currentView.zoomAndPan", "SVGViewElement.SVG_ZOOMANDPAN_DISABLE");
debug("");
debug("Check viewBox value");
shouldBe("currentView.viewBox.baseVal.x", "0");
shouldBe("currentView.viewBox.baseVal.y", "0");
shouldBe("currentView.viewBox.baseVal.width", "100");
shouldBe("currentView.viewBox.baseVal.height", "50");
shouldBeEqualToString("currentView.viewBoxString", "0 0 100 50");
debug("");
debug("Check preserveAspectRatio value");
shouldBeEqualToString("currentView.preserveAspectRatioString", "xMinYMid slice");
shouldBe("currentView.preserveAspectRatio.baseVal.align", "SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMID");
shouldBe("currentView.preserveAspectRatio.baseVal.meetOrSlice", "SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE");
completeTest();
}
testFragment("svgView(viewBox(0,0,100,50);preserveAspectRatio(xMinYMid slice);transform(translate(0 10) translate(25 25) rotate(45) translate(-25 -25) scale(0.7 0.7));viewTarget(blub);zoomAndPan(disable))");
successfullyParsed = true;
</script>
</body>
</html>