move-fullscreen-element.html (1531B)
1 <!DOCTYPE html> 2 <html> 3 <title>Moving the fullscreen element should not leave the fullscreen flag</title> 4 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 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="../trusted-click.js"></script> 10 11 <div id="fullscreen-element">Fullscreen element</div> 12 13 <div id="new-parent"></div> 14 15 <script> 16 promise_test(async () => { 17 const fullscreenElement = document.getElementById("fullscreen-element"); 18 await trusted_request(fullscreenElement); 19 assert_true(fullscreenElement.matches(":fullscreen"), "Element has fullscreen flag"); 20 assert_equals(document.fullscreenElement, fullscreenElement, "Element is fullscreen element"); 21 document.getElementById("new-parent").appendChild(fullscreenElement); 22 assert_false(fullscreenElement.matches(":fullscreen"), "Element no longer has fullscreen flag after being moved"); 23 assert_false(!!document.fullscreenElement, "There is no more fullscreen element, since fullscreen flag was removed"); 24 await fullScreenChange(); 25 assert_false(fullscreenElement.matches(":fullscreen"), "Element no longer has fullscreen flag after fullscreen change event"); 26 assert_false(!!document.fullscreenElement, "There is no more fullscreen element, since fullscreen flag was removed"); 27 }); 28 </script> 29 </html>