| <!DOCTYPE html> |
| <title>Test that a document picture-in-picture window can use Window's focus() |
| API to focus its opener window</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> |
| <iframe></iframe> |
| <script> |
| promise_test(async (t) => { |
| await test_driver.bless('request PiP window from top window'); |
| const pipWindow = await documentPictureInPicture.requestWindow(); |
| |
| // Blur this window by focusing the iframe. This will allow us to detect that |
| // the document picture-in-picture window has focused us. |
| const blurPromise = new Promise(async (resolve) => { |
| window.addEventListener('blur', resolve, { once: true }); |
| await test_driver.bless('focus inner iframe to blur window'); |
| document.getElementsByTagName('iframe')[0].focus(); |
| }); |
| await blurPromise; |
| |
| // Now focus this window from the document picture-in-picture window's |
| // context. |
| const focusPromise = new Promise(async (resolve) => { |
| window.addEventListener('focus', resolve, { once: true }); |
| await test_driver.bless('focus opener window', pipWindow); |
| const focusScript = pipWindow.document.createElement('script'); |
| focusScript.setAttribute('src', 'support/focus-opener.js'); |
| pipWindow.document.body.append(focusScript); |
| }); |
| return focusPromise; |
| }); |
| </script> |
| </body> |
