Content - 87b0e9fe72b33bb90b88e6e9eded6940c95c17e1 - 9ff6445/screen-orientation/onchange-event-subframe.html

visit type:

Tip revision: 3dfc8e49e32a6b2f88979cf23ba5b64cbc8df541 authored by Mustaq Ahmed on 13 April 2018, 18:16:18 UTC
Make PointerEvent fromElement/toElement return null.

Tip revision: 3dfc8e4

onchange-event-subframe.html

<!DOCTYPE html>
<html>
<body>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<iframe id="testIframe" sandbox="allow-scripts allow-same-origin" style="display:none">
</iframe>

<script>
    var test = async_test("Test subframes receive orientation change events");

    var orientations = [
        'portrait-primary',
        'portrait-secondary',
        'landscape-primary',
        'landscape-secondary'
    ];

    var currentIndex = orientations.indexOf(window.screen.orientation.type);
    var eventsReceived = 0;

    function getNextIndex() {
        return (currentIndex + 1) % orientations.length;
    }

    function changeOrientation() {
        screen.orientation.lock(orientations[getNextIndex()]).then(function () {}, function () {});
        currentIndex = getNextIndex();
    }

    window.onmessage = test.step_func(function (ev) {
        assert_equals(ev.data, orientations[currentIndex], "subframe receives orientation change event");
        ++eventsReceived;
        if (eventsReceived < orientations.length)
            changeOrientation()
        else
            test.done();
    });

    var testIframe = document.getElementById("testIframe");
    testIframe.src = "resources/iframe-listen-orientation-change.html";
    testIframe.onload = changeOrientation;
</script>
</body>
</html>

Browse the archive

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