30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
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="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
<script src="../trusted-click.js"></script>
|
|
<body>
|
|
<div id="a"></div>
|
|
<div id="b"></div>
|
|
</body>
|
|
<script>
|
|
promise_test(async (t) => {
|
|
document.onfullscreenerror = t.unreached_func("fullscreenerror event");
|
|
|
|
// 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.
|
|
await trusted_click(b);
|
|
await Promise.all([b.requestFullscreen(), fullScreenChange()]);
|
|
assert_equals(document.fullscreenElement, b);
|
|
|
|
await trusted_click(b);
|
|
await Promise.all([a.requestFullscreen(), fullScreenChange()]);
|
|
assert_equals(document.fullscreenElement, a);
|
|
}, "Element#requestFullscreen() on two elements in the same document");
|
|
</script>
|