enter-picture-in-picture.html (1019B)
1 <!DOCTYPE html> 2 <title>Test enterpictureinpicture event</title> 3 <script src="/common/media.js"></script> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <script src="resources/picture-in-picture-helpers.js"></script> 9 <body></body> 10 <script> 11 promise_test(async t => { 12 let pictureInPictureWindow; 13 const video = await loadVideo(); 14 15 video.addEventListener('enterpictureinpicture', t.step_func_done(event => { 16 pictureInPictureWindow = event.pictureInPictureWindow; 17 18 assert_equals(event.target, video); 19 assert_equals(event.bubbles, true); 20 assert_equals(event.cancelable, false); 21 assert_equals(event.composed, false); 22 assert_equals(document.pictureInPictureElement, video); 23 })); 24 25 return requestPictureInPictureWithTrustedClick(video) 26 .then(pipWindow => { 27 assert_equals(pipWindow, pictureInPictureWindow); 28 }) 29 }); 30 </script>