summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html')
-rw-r--r--testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html b/testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html
new file mode 100644
index 0000000000..a6b757477a
--- /dev/null
+++ b/testing/web-platform/tests/picture-in-picture/disable-picture-in-picture.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<title>Test disable Picture-in-Picture</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>
+test(t => {
+ const video = document.createElement('video');
+ assert_false(video.disablePictureInPicture); // default value
+
+ video.setAttribute('disablepictureinpicture', 'foo');
+ assert_true(video.disablePictureInPicture);
+
+ video.removeAttribute('disablepictureinpicture');
+ assert_false(video.disablePictureInPicture);
+
+ video.disablePictureInPicture = true;
+ assert_equals(video.getAttribute('disablepictureinpicture'), '');
+
+ video.disablePictureInPicture = false;
+ assert_equals(video.getAttribute('disablepictureinpicture'), null);
+}, 'Test disablePictureInPicture IDL attribute');
+
+promise_test(async t => {
+ const video = await loadVideo();
+ video.disablePictureInPicture = true;
+ return promise_rejects_dom(t, 'InvalidStateError',
+ requestPictureInPictureWithTrustedClick(video));
+}, 'Request Picture-in-Picture rejects if disablePictureInPicture is true');
+
+promise_test(async t => {
+ const video = await loadVideo();
+ await test_driver.bless('request Picture-in-Picture');
+ const promise = video.requestPictureInPicture();
+ video.disablePictureInPicture = true;
+ await promise_rejects_dom(t, 'InvalidStateError', promise);
+ assert_equals(document.pictureInPictureElement, null);
+}, 'Request Picture-in-Picture rejects if disablePictureInPicture becomes ' +
+ 'true before promise resolves.');
+
+promise_test(async t => {
+ const video = await loadVideo();
+ return requestPictureInPictureWithTrustedClick(video)
+ .then(() => {
+ video.disablePictureInPicture = true;
+ video.addEventListener('leavepictureinpicture', t.step_func(() => {
+ assert_equals(document.pictureInPictureElement, null);
+ }));
+ });
+}, 'pictureInPictureElement is unset if disablePictureInPicture becomes true');
+
+promise_test(async t => {
+ const video = await loadVideo();
+ return requestPictureInPictureWithTrustedClick(video)
+ .then(() => {
+ video.disablePictureInPicture = false;
+ assert_equals(document.pictureInPictureElement, video);
+ });
+}, 'pictureInPictureElement is unchanged if disablePictureInPicture becomes false');
+
+promise_test(async t => {
+ const video = await loadVideo();
+ return requestPictureInPictureWithTrustedClick(video)
+ .then(() => {
+ document.createElement('video').disablePictureInPicture = true;
+ assert_equals(document.pictureInPictureElement, video);
+ });
+}, 'pictureInPictureElement is unchanged if disablePictureInPicture becomes ' +
+ 'true for another video');
+</script>