summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/document-picture-in-picture/focus-opener.https.html
blob: 880e9d915efbc6db6f0cd1a9412070d871d4db86 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!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>