Content - 9611c8165663f8e633be20c2e34fb8b04378a44e - 5e38e94/fullscreen/api/element-request-fullscreen-two-elements-manual.html

visit type:

Tip revision: 64da316928b38f3dbd2231dbfb0f7f776170a106 authored by Brad Werth on 11 April 2018, 09:35:18 UTC
Part 9: Fix wpt reftest shape-image-025.html to make every frame of the animated GIF use a green box in the lower-left quadrant.

Tip revision: 64da316

element-request-fullscreen-two-elements-manual.html

<!DOCTYPE html>
<title>Element#requestFullscreen() on two elements in the same document</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../trusted-click.js"></script>
<div id="log"></div>
<div id="a"></div>
<div id="b"></div>
<script>
async_test(t => {
  // Request fullscreen on both elements, but in reverse tree order.
  const a = document.getElementById('a');
  const b = document.getElementById('b');

  // Expect two fullscreenchange events, with document.fullscreenElement
  // changing in the same order as the requests.
  const order = [];
  document.onfullscreenchange = t.step_func(() => {
    assert_in_array(document.fullscreenElement, [a, b]);
    order.push(document.fullscreenElement.id);
    if (order.length == 2) {
      assert_array_equals(order, ['b', 'a'],
                          'fullscreenElement IDs in fullscreenchange events');
      t.done();
    }
  });
  document.onfullscreenerror = t.unreached_func('fullscreenerror event');

  trusted_click(t, () => {
    b.requestFullscreen();
    a.requestFullscreen();
  }, document.body);
});
</script>

Browse the archive

https://github.com/web-platform-tests/wpt