blob: 01607a6f61871b47723195b3286b8bc4df0c6a75 [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] -->
<html>
<meta name="viewport" content="width=device-width">
<head>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
function getUIScript()
{
return `
(function() {
uiController.didEndZoomingCallback = function() {
uiController.uiScriptComplete(uiController.zoomScale);
};
uiController.doubleTapAtPoint(15, 60, 0, function() {});
})();`;
}
function runTest()
{
if (!window.eventSender || !testRunner.runUIScript)
return;
testRunner.runUIScript(getUIScript(), function(result) {
document.getElementById("target").innerText = "The viewport zoomed to scale: " + result;
testRunner.notifyDone();
});
}
</script>
<style>
body {
margin: 0;
min-width: 800px;
}
p {
width: 300px;
}
#target {
height: 100px;
width: 100px;
background-color: silver;
}
</style>
</head>
<body onload="runTest()">
<div id="target"></div>
<p>
This test ensures that a page with width=device-width but content that
causes a shrink-to-fit will not block double-tap-to-zoom. It runs automatically
in WebKit tests. If you're viewing this manually, double tap on this text and
the page should zoom in.
</p>
<p style="height: 3000px; background-color: #f0e0f0">
This is an element that will cause shrinkage.
</p>
</body>
</html>