Content - 93623d19625030ce0b42711b1b29db901c2fdf06 - de8d479/visual-viewport/viewport-unscaled-scroll.html

visit type:

Tip revision: 7bed6bee0d70190e87bd48a71c81a1f6d79e8d97 authored by L. David Baron on 14 April 2018, 11:18:26 UTC
Sync Mozilla tests as of https://hg.mozilla.org/mozilla-central/rev/37b8862d354e0014a72715462dd2102dd5b599cc .

Tip revision: 7bed6be

viewport-unscaled-scroll.html

<!doctype html>
<html>
    <head>
        <title>Viewport: Scroll - no page scale</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1">
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
        <script src="viewport_support.js"></script>
    </head>
    <body>
    <h1>Viewport: Scroll - no page scale</h1>
    <h4>Test Description: This test checks that window.visualViewport returns correct offset and scroll values without any pinch-zoom page scale applied.</h4>
    <div id="complete-notice">
        <p>window.visualViewport's offsetLeft and offsetTop is (<span id="scroll-offset-log"></span>).</p>
        <p>window.visualViewport's pageLeft and pageTop is (<span id="scroll-page-log"></span>).</p>
    </div>
    <div id="log"></div>
    </body>
    <script>
        // Add overflow we can scroll.
        document.body.style.width = "5000px";
        document.body.style.height = "5000px";

        scrollTo(1000, 1200);

        test(function() {
              assert_equals(window.visualViewport.offsetLeft, 0);
            }, "offsetLeft must be 0.");
        test(function() {
              assert_equals(window.visualViewport.offsetTop, 0);
            }, "offsetTop must be 0.");
        test(function() {
              assert_equals(window.visualViewport.pageLeft, 1000);
            }, "pageLeft must reflect location of viewport in document.");
        test(function() {
              assert_equals(window.visualViewport.pageTop, 1200);
            }, "pageTop must reflect location of viewport in document.");

        document.getElementById("scroll-offset-log").innerText = window.visualViewport.offsetLeft+ ", " + window.visualViewport.offsetTop;
        document.getElementById("scroll-page-log").innerText = window.visualViewport.pageLeft + ", " + window.visualViewport.pageTop;

        scrollTo(0, 0);
    </script>
</html>

Browse the archive

https://github.com/web-platform-tests/wpt