remove-last-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-last-sibling.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Remove the last 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 the fullscreen element (b) triggers exiting fullscreen. Some changes are

    // visible synchronously and the others come when the event fires.

    b.remove();

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

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

    assert_false(b.matches(":fullscreen"), "b no longer matches :fullscreen immediately after removal");

    // A fullscreenchange event should fire and all state should be cleared.

    await fullScreenChange();

    assert_equals(document.fullscreenElement, null, "fullscreen element after event");

    assert_false(a.matches(":fullscreen"), "a no longer matches :fullscreen after event");

    assert_false(b.matches(":fullscreen"), "b no longer matches :fullscreen after event");

});

</script>