summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/visual-viewport/viewport-unscaled-scroll-iframe.html
blob: f9e3023ab795120385dd9f8bd55a87e0a94a08f7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!doctype html>
<html>
    <head>
        <title>Viewport: Scroll in iframe - no page scale</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
        <script src="viewport_support.js"></script>
        <style>
          iframe {
            width: 200px;
            height: 300px;
            border: 0;
          }
        </style>
    </head>
    <body>
    <h1>Viewport: Scroll in iframe - 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>
    <iframe></iframe>
    <div id="complete-notice">
        <p>frames[0].window.visualViewport's offsetLeft and offsetTop is (<span id="scroll-offset-log"></span>).</p>
        <p>frames[0].window.visualViewport's pageLeft and pageTop is (<span id="scroll-page-log"></span>).</p>
    </div>
    <div id="log"></div>
    </body>
    <script>
        var iframe = frames[0].window;

        // Add overflow we can scroll.
        iframe.document.body.style.width = "2000px";
        iframe.document.body.style.height = "2000px";

        iframe.scrollTo(1000, 1200);


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

        document.getElementById("scroll-offset-log").innerText = iframe.visualViewport.offsetLeft+ ", " + iframe.visualViewport.offsetTop;
        document.getElementById("scroll-page-log").innerText = iframe.visualViewport.pageLeft + ", " + iframe.visualViewport.pageTop;
    </script>
</html>