remove-first-sibling.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /fullscreen/model/remove-first-sibling.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Remove the first of two sibling elements in the fullscreen stack</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>

<script src="../trusted-click.js"></script>

<div id="log"></div>

<div id="a"></div>

<div id="b"></div>

<script>

  promise_test(async (t) => {

    t.add_cleanup(() => {

      if (document.fullscreenElement) {

        return document.exitFullscreen();

});

    const a = document.getElementById("a");

    const b = document.getElementById("b");

    await Promise.all([trusted_request(a), fullScreenChange()]);

    assert_equals(document.fullscreenElement, a, "fullscreen element after first request");

    assert_true(a.matches(":fullscreen"), "a matches :fullscreen after first request");

    await Promise.all([trusted_request(b, a), fullScreenChange()]);

    assert_equals(document.fullscreenElement, b, "fullscreen element after second request");

    assert_true(a.matches(":fullscreen"), "a matches :fullscreen after second request");

    assert_true(b.matches(":fullscreen"), "b matches :fullscreen after second request");

    // Removing /a/ now shouldn't do anything except remove it from the top

    // layer, which causes it to no longer match :fullscreen.

    a.remove();

    assert_equals(document.fullscreenElement, b, "fullscreen element immediately after removal of a");

    assert_false(a.matches(":fullscreen"), "a should no longer match :fullscreen immediately after removal");

    assert_true(b.matches(":fullscreen"), "b matches :fullscreen immediately after removal of a");

    // No fullscreenchange event should fire. If the removal triggered exiting

    // fullscreen the event would be fired after an async section and an

    // animation frame task, so wait until after that.

    document.onfullscreenchange = t.unreached_func("fullscreenchange event");

    await new Promise((resolve) => {

      requestAnimationFrame(resolve);

});

});

</script>