Content - 04de95e47ecc6373fd45906b28ba88ad46f4fcc8 - 30decc1/picture-in-picture/leave-picture-in-picture.html

visit type:

Tip revision: 542fba2bbc1e1ea82998151f1f98d3aa51e86f64 authored by Ms2ger on 19 October 2018, 08:53:50 UTC
Consistently use bytes in ResponseHeaders.

Tip revision: 542fba2

leave-picture-in-picture.html

<!DOCTYPE html>
<title>Test leavepictureinpicture 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 => {
  const video = await loadVideo();

  video.addEventListener('leavepictureinpicture', t.step_func_done(event => {
    assert_equals(event.target, video);
    assert_equals(event.bubbles, true);
    assert_equals(event.cancelable, false);
    assert_equals(event.composed, false);
    assert_equals(document.pictureInPictureElement, null);
  }));

  return requestPictureInPictureWithTrustedClick(video)
  .then(() => document.exitPictureInPicture());
}, 'leavepictureinpicture event is fired if document.exitPictureInPicture');

promise_test(async t => {
  const video = await loadVideo();

  video.addEventListener('leavepictureinpicture', t.step_func_done(event => {
    assert_equals(event.target, video);
    assert_equals(event.bubbles, true);
    assert_equals(event.cancelable, false);
    assert_equals(event.composed, false);
    assert_equals(document.pictureInPictureElement, null);
  }));

  return requestPictureInPictureWithTrustedClick(video)
  .then(() => {
    video.disablePictureInPicture = true;
  });
}, 'leavepictureinpicture event is fired if video.disablePictureInPicture is set to true');
</script>

Browse the archive

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