permissions/event-model.https.html

<!DOCTYPE html>
<meta charset="utf-8" />
<title>Permissions API - Event Model Tests</title>
<link rel="help" href="https://www.w3.org/TR/permissions/" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>

<body>
    <script>
        promise_test(async (t) => {
            await test_driver.set_permission({ name: "geolocation" }, "prompt");
            const status = await navigator.permissions.query({
                name: "geolocation",
            });
            assert_equals(status.state, "prompt", 'Initial state is "prompt"');

            let count = 0;
            const promise1 = new Promise((resolve) => {
                status.addEventListener("change", () => resolve(count++), {
                    once: true,
                });
            });

            const promise2 = new Promise((resolve) => {
                status.onchange = () => resolve(count++);
            });

            await test_driver.set_permission(
                { name: "geolocation" },
                "granted"
            );

            const results = await Promise.all([promise1, promise2]);

            assert_equals(
                status.state,
                "granted",
                'State should now be "granted"'
            );
            assert_array_equals(results, [0, 1], "Both listeners fired once");

            status.onchange = null;
        }, "Multiple listeners on a single PermissionStatus should all fire on change");

        promise_test(async (t) => {
            await test_driver.set_permission({ name: "geolocation" }, "prompt");
            const status = await navigator.permissions.query({
                name: "geolocation",
            });
            assert_equals(status.state, "prompt", 'Initial state is "prompt"');

            const grantedPromise = new Promise((resolve) => {
                status.addEventListener("change", resolve, { once: true });
            });
            await test_driver.set_permission(
                { name: "geolocation" },
                "granted"
            );
            await grantedPromise;
            assert_equals(status.state, "granted", 'Now in "granted" state');

            const deniedPromise = new Promise((resolve) => {
                status.addEventListener("change", resolve, { once: true });
            });
            await test_driver.set_permission({ name: "geolocation" }, "denied");
            await deniedPromise;
            assert_equals(status.state, "denied", 'Now in "denied" state');
        }, 'Multiple transitions generate multiple "change" events');

        promise_test(async (t) => {
            await test_driver.set_permission({ name: "geolocation" }, "prompt");

            const statusA = await navigator.permissions.query({
                name: "geolocation",
            });
            const statusB = await navigator.permissions.query({
                name: "geolocation",
            });

            const watchA = new Promise((resolve) => {
                statusA.addEventListener("change", resolve, { once: true });
            });
            const watchB = new Promise((resolve) => {
                statusB.addEventListener("change", resolve, { once: true });
            });

            await test_driver.set_permission(
                { name: "geolocation" },
                "granted"
            );
            const results = await Promise.all([watchA, watchB]);
        }, "Multiple PermissionStatus objects observe the same transition");

        promise_test(async (t) => {
            await test_driver.set_permission({ name: "geolocation" }, "prompt");

            const ephemeralPromise = new Promise((resolve) => {
                (async () => {
                    const status = await navigator.permissions.query({
                        name: "geolocation",
                    });
                    status.addEventListener("change", resolve, { once: true });
                })();
            });

            await test_driver.set_permission(
                { name: "geolocation" },
                "granted"
            );
            await ephemeralPromise;
        }, 'PermissionStatus out of scope should still fire "change" event');
    </script>
</body>