<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../../resources/js-test.js"></script>
<script>
var radiusX;
var radiusY;
function touchHandler(e) {
var touch = e.touches[0];
radiusX = touch.radiusX;
radiusY = touch.radiusY;
}
function endTest()
{
isSuccessfullyParsed();
testRunner.notifyDone();
}
function sendTouchStart(x, y, radiusX, radiusY)
{
eventSender.clearTouchPoints();
eventSender.addTouchPoint(x, y, radiusX, radiusY);
eventSender.touchStart();
}
function runTest() {
if (window.testRunner)
testRunner.waitUntilDone();
if (window.testRunner) {
description("This tests makes sure the touch event's radius "
+ "property is scaled to account for browser zoom.");
document.body.addEventListener("touchstart", touchHandler);
debug("===Initial Zoom===");
sendTouchStart(100, 100, 4, 10);
shouldBe("radiusX", "4");
shouldBe("radiusY", "10");
testRunner.setPageZoomFactor(2.0);
debug("===Zoom 2X===");
sendTouchStart(100, 100, 4, 10);
shouldBe("radiusX", "2");
shouldBe("radiusY", "5");
testRunner.setPageZoomFactor(0.5);
debug("===Zoom 0.5X===");
sendTouchStart(100, 100, 4, 10);
shouldBe("radiusX", "8");
shouldBe("radiusY", "20");
endTest();
} else {
debug("This test requires DumpRenderTree. Tap on the blue rect to log.")
}
}
</script>
</head>
<body onload="runTest()">
<div id="console"></div>
</body>
</html>