blob: ed2921bbae1bf4a1f92c1f42ec11b0d1a65cf6ea [file] [log] [blame]
<!DOCTYPE html>
<html>
<body style="margin: 0px; padding: 0px;" onload="runRepaintTest()">
<div style="width: 100px; height: 100px;"></div>
<svg id="svg1" xmlns="http://www.w3.org/2000/svg" width="400" height="400">
<rect width="100" height="100" fill="green"/>
<svg id="svg2" x="100" y="100" width="300" height="300">
<rect width="100" height="100" fill="green"/>
<svg id="svg3" x="100" y="100" width="200" height="200">
<rect width="100" height="100" fill="green"/>
<svg id="svg4" x="100" y="100" width="100" height="100">
<rect width="100" height="100" fill="green"/>
</svg>
</svg>
</svg>
</svg>
<script>
var zoomCount = 2;
if (window.testRunner) {
testRunner.waitUntilDone();
window.postZoomCallback = executeTest;
}
function ctmToString(ctm) {
return [ ctm.a, ctm.b, ctm.c, ctm.d, ctm.e, ctm.f ].join(', ');
}
function executeTest() {
CTM1 = ctmToString(document.getElementById('svg1').getScreenCTM());
CTM2 = ctmToString(document.getElementById('svg2').getScreenCTM());
CTM3 = ctmToString(document.getElementById('svg3').getScreenCTM());
CTM4 = ctmToString(document.getElementById('svg4').getScreenCTM());
description("This test checks getScreenCTM() on zoomed pages.");
shouldBeEqualToString('CTM1', '1, 0, 0, 1, 0, 100');
shouldBeEqualToString('CTM2', '1, 0, 0, 1, 100, 200');
shouldBeEqualToString('CTM3', '1, 0, 0, 1, 200, 300');
shouldBeEqualToString('CTM4', '1, 0, 0, 1, 300, 400');
debug('');
}
</script>
<script src="../../../resources/js-test-pre.js"></script>
<script src="../../../fast/repaint/resources/repaint.js"></script>
<script src="../resources/testPageZoom.js"></script>
</body>
</html>