LayoutTests/fullscreen/full-screen-enter-while-exiting-multiple-elements.html

<!DOCTYPE html>
<html>
<head>
    <title>Entering fullscreen while popping a stack of multiple elements</title>
    <script src="full-screen-test.js"></script>
    <script>

    window.addEventListener('load', async event => {
        if (Element.prototype.requestFullscreen == undefined) {
            logResult(false, "Element.prototype.requestFullscreen == undefined");
            endTest();
            return;
        }

        if (!window.testRunner) {
            logResult(false, "This test requires WebKitTestRunner.");
            endTest();
            return;
        }

        consoleWrite('Enter fullscreen with target1');
        internals.withUserGesture(() => { run('target1.requestFullscreen()'); });
        await waitFor(target1, 'fullscreenchange');
        await testRunner.updatePresentation();

        consoleWrite('Enter fullscreen with target2');
        internals.withUserGesture(() => { run('target2.requestFullscreen()'); });
        await waitFor(target2, 'fullscreenchange');
        await testRunner.updatePresentation();

        consoleWrite('Exit fullscreen with target1');
        run('document.exitFullscreen()');

        consoleWrite('Attempt to enter fullscreen with target3');
        internals.withUserGesture(() => { run('target3.requestFullscreen()'); });

        await Promise.all([waitFor(target3, 'fullscreenerror'), waitFor(target2, 'fullscreenchange')]);
        await testRunner.updatePresentation();

        consoleWrite('Entering fullscreen with target3');
        internals.withUserGesture(() => { run('target3.requestFullscreen()'); });
        await waitFor(target3, 'fullscreenchange');

        endTest();
    });
</script>
</head>
<body>
<span id="target1"></span>
<span id="target2"></span>
<span id="target3"></span>
</body>
</html>