haikuwebkit/LayoutTests/fast/viewport/ios/ignore-minimum-device-width...

59 lines
1.7 KiB
HTML

<!DOCTYPE html> <!-- webkit-test-runner [ ShouldIgnoreMetaViewport=true ] -->
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
#square {
position: absolute;
width: 10vw;
height: 10vh;
border: 2px solid black;
}
#output {
width: 100%;
height: 100%;
overflow: scroll;
}
body {
margin: 0;
width: 100%;
height: 100%;
}
</style>
<script src="../../../resources/ui-helper.js"></script>
<script>
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
async function runTest() {
const appendOutput = message => {
output.appendChild(document.createTextNode(message));
output.appendChild(document.createElement("br"));
};
for (let targetMinimumEffectiveWidth of [640, 768, 834, 980, 1024, 1112, 1280, 1336]) {
appendOutput(`setMinimumEffectiveWidth(${targetMinimumEffectiveWidth.toFixed(2)})`);
await UIHelper.setMinimumEffectiveWidth(targetMinimumEffectiveWidth);
await Promise.all([UIHelper.ensureVisibleContentRectUpdate(), UIHelper.ensurePresentationUpdate()]);
appendOutput(`window size: [${innerWidth}, ${innerHeight}]`);
appendOutput(`square size: [${square.clientWidth}, ${square.clientHeight}]`);
appendOutput(`zoom scale: ${(await UIHelper.zoomScale()).toFixed(2)}`);
appendOutput("");
}
testRunner.notifyDone();
}
</script>
</head>
<body onload="runTest()">
<div id="square"></div>
<pre id="output"></pre>
</body>
</html>