WebKit export of https://bugs.webkit.org/show_bug.cgi?id=253121 (web-…

…platform-tests#38755) REGRESSION(257542@main): Video is misaligned in youtube.com's native PiP player after transitioning from full screen https://commits.webkit.org/260985@main
jiangzhaoming · Mar 1, 2023 · 6916fc7 · 6916fc7
1 parent 49287d0
commit 6916fc7
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/fullscreen/model/move-fullscreen-element.html b/fullscreen/model/move-fullscreen-element.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<title>Moving the fullscreen element should not leave the fullscreen flag</title>
+<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
+<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="../trusted-click.js"></script>
+
+<div id="fullscreen-element">Fullscreen element</div>
+
+<div id="new-parent"></div>
+
+<script>
+    promise_test(async () => {
+        const fullscreenElement = document.getElementById("fullscreen-element");
+        await trusted_request(fullscreenElement);
+        assert_true(fullscreenElement.matches(":fullscreen"), "Element has fullscreen flag");
+        assert_equals(document.fullscreenElement, fullscreenElement, "Element is fullscreen element");
+        document.getElementById("new-parent").appendChild(fullscreenElement);
+        assert_false(fullscreenElement.matches(":fullscreen"), "Element no longer has fullscreen flag after being moved");
+        assert_false(!!document.fullscreenElement, "There is no more fullscreen element, since fullscreen flag was removed");
+        await fullScreenChange();
+        assert_false(fullscreenElement.matches(":fullscreen"), "Element no longer has fullscreen flag after fullscreen change event");
+        assert_false(!!document.fullscreenElement, "There is no more fullscreen element, since fullscreen flag was removed");
+    });
+</script>
+</html>