32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<title>Element ready check for child of a fullscreen iframe</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>
|
|
<iframe><!-- script inserts div here --></iframe>
|
|
<script>
|
|
// Verify that an iframe can itself go fullscreen, and that this doesn't
|
|
// influence the iframe ancestor test of the element ready check.
|
|
promise_test(async (t) => {
|
|
document.onfullscreenerror = t.unreached_func("fullscreenerror event");
|
|
const iframe = document.querySelector("iframe");
|
|
await Promise.all([trusted_request(iframe), fullScreenChange()]);
|
|
|
|
assert_equals(document.fullscreenElement, iframe, "fullscreen element");
|
|
|
|
// This adds the div to the iframe element itself, not to the iframe's
|
|
// contentDocument. It's done here because the HTML parser treats the
|
|
// content of iframe as a text node.
|
|
var div = document.createElement("div");
|
|
iframe.appendChild(div);
|
|
|
|
await Promise.all([
|
|
trusted_request(div, iframe.contentDocument.body),
|
|
fullScreenChange(),
|
|
]);
|
|
assert_equals(document.fullscreenElement, div);
|
|
}, "Element ready check for child of a fullscreen iframe");
|
|
</script>
|