pointerlock/pointerlock_promise.html

<!DOCTYPE html>
<html>
<body>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
</head>
<body>
    <h2>Description</h2>
    <p>This test validates that pointer lock returns a Promise.</p>
    <hr/>

    <button id="Button">lockTarget</button>

    <div id="target">Target</div>

    <script type="text/javascript" >
        const button = document.getElementById('Button');
        const target = document.getElementById('target');

        async_test(t => {
            button.addEventListener('mousedown', t.step_func(async () => {
                const promise = target.requestPointerLock();
                assert_true(promise instanceof Promise, "Test that requestPointerLock() returns Promise.");
                await promise;
                t.done();
            }));
        });

        // Automated testing
        test_driver.click(button);
    </script>
    </body>
</html>