remove-first.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /fullscreen/model/remove-first.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Remove the first element on the fullscreen element 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="first">

  <div id="last"></div>

</div>

<script>

  promise_test(async (t) => {

    t.add_cleanup(() => {

      if (document.fullscreenElement) {

        return document.exitFullscreen();

});

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

    const [, firstEvent] = await Promise.all([

      trusted_request(first),

      fullScreenChange(),

]);

    assert_equals(document.fullscreenElement, first);

    assert_equals(firstEvent.target, first);

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

    const [, secondEvent] = await Promise.all([

      trusted_request(last),

      fullScreenChange(),

]);

    assert_equals(document.fullscreenElement, last);

    assert_equals(event.target, last);

    first.remove();

    // Both /first/ and /last/ were removed from the top layer and

    // thus the fullscreen element synchronously becomes null.

    assert_equals(document.fullscreenElement, null);

    const thirdEvent = await fullScreenChange();

    assert_equals(document.fullscreenElement, null);

    assert_equals(event.target, document);

});

</script>