Content - a9d7b5c04899c72f91c07d614dbf7df3b37757bc - 7bac210/picture-in-picture/enter-picture-in-picture.html

visit type:

Tip revision: 2b8a5ccbad0af75dceea3357c44a81ce0c39cb0a authored by Mason Freed on 13 December 2018, 18:21:43 UTC
Revert "Implement correct opacity and filter handling within backdrop-filter"

Tip revision: 2b8a5cc

enter-picture-in-picture.html

<!DOCTYPE html>
<title>Test enterpictureinpicture event</title>
<script src="/common/media.js"></script>
<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="resources/picture-in-picture-helpers.js"></script>
<body></body>
<script>
promise_test(async t => {
  let pictureInPictureWindow;
  const video = await loadVideo();

  video.addEventListener('enterpictureinpicture', t.step_func_done(event => {
    pictureInPictureWindow = event.pictureInPictureWindow;

    assert_equals(event.target, video);
    assert_equals(event.bubbles, true);
    assert_equals(event.cancelable, false);
    assert_equals(event.composed, false);
    assert_equals(document.pictureInPictureElement, video);
  }));

  return requestPictureInPictureWithTrustedClick(video)
  .then(pipWindow => {
    assert_equals(pipWindow, pictureInPictureWindow);
  })
});
</script>

Browse the archive

https://github.com/web-platform-tests/wpt