Enable CSS display-mode support for picture-in-picture by default

Intent to ship: https://groups.google.com/a/chromium.org/g/blink-dev/c/_Ml1o8xYZc8 Bug: 41493667 Change-Id: I170a0ea3f1b694644c3c079a0a7f9ac79e543a83 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5290634 Reviewed-by: Yoav Weiss (@Shopify) <yoavweiss@chromium.org> Commit-Queue: Fr <beaufort.francois@gmail.com> Cr-Commit-Position: refs/heads/main@{#1261612}
web-platform-tests · Feb 16, 2024 · 0f0f125 · 0f0f125
1 parent e6dbd29
commit 0f0f125
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/document-picture-in-picture/display-mode.https.html b/document-picture-in-picture/display-mode.https.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Test picture-in-picture display mode</title>
+<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>
+<body>
+<script>
+async_test((t) => {
+  test_driver.bless('request PiP window').then(t.step_func(_ => {
+    documentPictureInPicture.requestWindow().then(t.step_func_done(async (pipWindow) => {
+      await new Promise(requestAnimationFrame);
+      assert_true(pipWindow.matchMedia('(display-mode: picture-in-picture)'.matches));
+    }));
+  }));
+});
+</script>
+</body>