2 <title>Test request Picture-in-Picture on two videos
</title>
3 <meta name=
"timeout" content=
"long">
4 <script src=
"/common/media.js"></script>
5 <script src=
"/resources/testharness.js"></script>
6 <script src=
"/resources/testharnessreport.js"></script>
7 <script src=
"/resources/testdriver.js"></script>
8 <script src=
"/resources/testdriver-vendor.js"></script>
9 <script src=
"resources/picture-in-picture-helpers.js"></script>
12 promise_test(async t
=> {
13 const video1
= await
loadVideo();
14 const video2
= await
loadVideo();
15 await test_driver
.bless('request Picture-in-Picture');
16 const promise
= video1
.requestPictureInPicture();
17 await
promise_rejects(t
, 'NotAllowedError', video2
.requestPictureInPicture());
19 }, 'request Picture-in-Picture consumes user gesture');
21 promise_test(async t
=> {
22 const video1
= await
loadVideo();
23 const video2
= await
loadVideo();
24 await test_driver
.bless('request Picture-in-Picture');
25 await video1
.requestPictureInPicture();
26 assert_equals(document
.pictureInPictureElement
, video1
);
27 return video2
.requestPictureInPicture();
28 }, 'request Picture-in-Picture does not require user gesture if document.pictureInPictureElement is set');