fullscreen-preserve.html (1378B)
1 <!DOCTYPE html> 2 <title>Document#fullscreenElement</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-vendor.js"></script> 7 <script src="/fullscreen/trusted-click.js"></script> 8 <section id="old_parent"> 9 <div id="item"></div> 10 </section> 11 <section id="new_parent"> 12 <div id="item"></div> 13 </section> 14 <script> 15 promise_test(async function (t) { 16 const item = document.querySelector("#item"); 17 18 await trusted_click(); 19 20 assert_equals( 21 document.fullscreenElement, 22 null, 23 "fullscreenElement before requestFullscreen()" 24 ); 25 26 await item.requestFullscreen(); 27 assert_equals( 28 document.fullscreenElement, 29 item, 30 "fullscreenElement before moveBefore()" 31 ); 32 33 document.querySelector("#new_parent").moveBefore(item, null); 34 35 assert_equals( 36 document.fullscreenElement, 37 item, 38 "fullscreenElement after moveBefore()" 39 ); 40 41 await Promise.all([document.exitFullscreen(), fullScreenChange()]); 42 43 assert_equals( 44 document.fullscreenElement, 45 null, 46 "fullscreenElement after exiting fullscreen" 47 ); 48 }); 49 </script>