fullscreen/api/element-request-fullscreen-two-elements-manual.html - external/github.com/web-platform-tests/wpt - Git at Google

 <!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) {
       // Since fullscreenchange event occurs at animation frame timing we might
       // have not seen the transition from null -> 'b' but just see the
       // resulting 'a' transition twice.
       assert_true(order[0] == 'a' || order[0] == 'b', 'first id seen is a or b');
       assert_equals(order[1], 'a', 'second id seen is b');
       t.done();
     }
   });
   document.onfullscreenerror = t.unreached_func('fullscreenerror event');

   trusted_click(t, () => {
     b.requestFullscreen();
     a.requestFullscreen();
   }, document.body);
 });
 </script>
	<!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) {
	// Since fullscreenchange event occurs at animation frame timing we might
	// have not seen the transition from null -> 'b' but just see the
	// resulting 'a' transition twice.
	assert_true(order[0] == 'a' \|\| order[0] == 'b', 'first id seen is a or b');
	assert_equals(order[1], 'a', 'second id seen is b');
	t.done();
	}
	});
	document.onfullscreenerror = t.unreached_func('fullscreenerror event');

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