<!DOCTYPE html>
<title>Element#requestFullscreen() consumes user activation</title>
<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>
<div id="log"></div>
<script>
promise_test(async (t) => {
    t.add_cleanup(() => {
        if (document.fullscreenElement) return document.exitFullscreen();
    });
    const div = document.querySelector("div");

    await test_driver.bless("fullscreen");
    assert_true(navigator.userActivation.isActive, "Activation must be active");
    // Request fullscreen twice in a row. The first request should consume the
    // user activation and succeed, and the second request should fail because
    // of the user activation requirement.
    const p1 = div.requestFullscreen();
    assert_false(navigator.userActivation.isActive, "Transient activation is consumed");
    const p2 = promise_rejects_js(t, TypeError, div.requestFullscreen());
    await Promise.all([p1, p2]);
});
</script>
