Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /document-picture-in-picture/pip-fullscreen.tentative.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Test how document picture-in-picture interacts with fullscreen</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>
<body>
<script>
function waitForEvent(target, event) {
return new Promise(resolve => target.addEventListener(event, resolve, {once: true}))
}
promise_test(async (t) => {
await test_driver.bless('request PiP window from top window');
const pipWindow = await documentPictureInPicture.requestWindow();
await test_driver.bless('request fullscreen for PiP');
try {
await pipWindow.document.body.requestFullscreen();
assert_unreached('request fullscreen should fail');
} catch (e) {
assert_equals(e.name, "TypeError", "fullscreening PiP throws an exception");
}
}, "A pip window cannot be fullscreened");
promise_test(async (t) => {
await test_driver.bless('request PiP window from top window');
const pipWindow = await documentPictureInPicture.requestWindow();
const fsResult = new Promise((res, rej) => {
document.body.addEventListener('fullscreenchange', res);
document.body.addEventListener('fullscreenerror', rej);
});
await test_driver.bless('request fullscreen from opener', null, pipWindow);
const script = pipWindow.document.createElement("script");
script.textContent = `opener.document.body.requestFullscreen()`;
pipWindow.document.body.append(script);
const res = await fsResult;
assert_true(document.fullscreen, 'opener entered fullscreen');
await document.exitFullscreen();
}, "A pip window can fullscreen it's opener");
</script>
</body>