| Index: third_party/WebKit/LayoutTests/inspector-protocol/emulation/device-emulation-visual-viewport-size.html
|
| diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/emulation/device-emulation-visual-viewport-size.html b/third_party/WebKit/LayoutTests/inspector-protocol/emulation/device-emulation-visual-viewport-size.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..110379aaad8c96315473b6780ef695e0d79c7b44
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/inspector-protocol/emulation/device-emulation-visual-viewport-size.html
|
| @@ -0,0 +1,118 @@
|
| +<html>
|
| +<head>
|
| +
|
| +<script src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
|
| +
|
| +<style>
|
| +body {
|
| + margin: 0;
|
| + overflow: hidden;
|
| + min-height: 1000px;
|
| +}
|
| +
|
| +div#layoutViewportDiv {
|
| + position: fixed;
|
| + z-index: 100;
|
| + width: 100%;
|
| + height: 100%;
|
| +}
|
| +</style>
|
| +
|
| +<script>
|
| +function dumpMetrics()
|
| +{
|
| + return JSON.stringify({
|
| + visualWidth: window.innerWidth,
|
| + visualHeight: window.innerHeight,
|
| + layoutWidth: document.getElementById("layoutViewportDiv").clientWidth,
|
| + layoutHeight: document.getElementById("layoutViewportDiv").clientHeight
|
| + }, null, 4);
|
| +}
|
| +
|
| +function test()
|
| +{
|
| + function printMetrics(callback)
|
| + {
|
| + InspectorTest.evaluateInPage("dumpMetrics()", print);
|
| +
|
| + function print(metrics)
|
| + {
|
| + InspectorTest.log(metrics);
|
| + callback();
|
| + }
|
| + }
|
| +
|
| + function testOverrides(width, height, visualWidth, visualHeight, next)
|
| + {
|
| + var params = {
|
| + width: width,
|
| + height: height,
|
| + visualViewportWidth: visualWidth,
|
| + visualViewportHeight: visualHeight,
|
| + deviceScaleFactor: 0,
|
| + mobile: false,
|
| + fitWindow: false
|
| + };
|
| + InspectorTest.log("Overrides: " + JSON.stringify(params));
|
| +
|
| + InspectorTest.sendCommandOrDie("Emulation.setDeviceMetricsOverride", params, printMetrics.bind(null, overridesActive));
|
| +
|
| + function overridesActive()
|
| + {
|
| + InspectorTest.log("Clearing overrides.");
|
| + InspectorTest.sendCommandOrDie("Emulation.clearDeviceMetricsOverride", {}, printMetrics.bind(null, next));
|
| + }
|
| + }
|
| +
|
| + InspectorTest.runTestSuite([
|
| + function noOverrides(next)
|
| + {
|
| + testOverrides(0, 0, 0, 0, next);
|
| + },
|
| +
|
| + function width(next)
|
| + {
|
| + testOverrides(200, 0, 0, 0, next);
|
| + },
|
| +
|
| + function height(next)
|
| + {
|
| + testOverrides(0, 200, 0, 0, next);
|
| + },
|
| +
|
| + function visualWidth(next)
|
| + {
|
| + testOverrides(0, 0, 100, 0, next);
|
| + },
|
| +
|
| + function visualHeight(next)
|
| + {
|
| + testOverrides(0, 0, 0, 100, next);
|
| + },
|
| +
|
| + function visualWidthAndHeight(next)
|
| + {
|
| + testOverrides(0, 0, 100, 150, next);
|
| + },
|
| +
|
| + function visualAndFrame(next)
|
| + {
|
| + testOverrides(200, 250, 100, 150, next);
|
| + },
|
| +
|
| + function visualLargerThanFrame(next)
|
| + {
|
| + testOverrides(100, 150, 200, 250, next);
|
| + }
|
| + ]);
|
| +}
|
| +</script>
|
| +
|
| +</head>
|
| +<body onload="runTest()">
|
| +<div id="layoutViewportDiv"></div>
|
| +<p>
|
| +Tests overrides for visual viewport size in combination with frame size overrides.
|
| +</p>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 2173783002:
Adds visual viewport size override to DevTools Emulation protocol. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master