Reland "[dPWA] Improve web_tests for `display-mode` media query"
This is a reland of commit 5e1c30a8482e584c5f33bb628e87cfb6b72045e7
Original change's description:
> [dPWA] Improve web_tests for `display-mode` media query
>
> Also add the missing `window-controls-overlay` and `borderless` values
> to the tests.
>
> Bug: None
> Change-Id: Ia45603b8cbaed943ff9cdcb7aa4427e1b085d5dd
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4808102
> Reviewed-by: Christian Flach <cmfcmf@chromium.org>
> Reviewed-by: Peter Kasting <pkasting@chromium.org>
> Commit-Queue: Sonja Laurila <laurila@google.com>
> Cr-Commit-Position: refs/heads/main@{#1187711}
Bug: None
Change-Id: I772ac8b61adc3491541fa42b72dd9b4a0c3c1dea
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4810038
Reviewed-by: Christian Flach <cmfcmf@chromium.org>
Commit-Queue: Christian Flach <cmfcmf@chromium.org>
Reviewed-by: Peter Kasting <pkasting@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1188211}
diff --git a/css/mediaqueries/display-mode.html b/css/mediaqueries/display-mode.html
new file mode 100644
index 0000000..e6633de
--- /dev/null
+++ b/css/mediaqueries/display-mode.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<link rel="help" href="http://www.w3.org/TR/mediaqueries-5/#display-mode" />
+<script type="text/javascript" src="/resources/testharness.js"></script>
+<script type="text/javascript" src="/resources/testharnessreport.js"></script>
+<script type="text/javascript" src="resources/matchmedia-utils.js"></script>
+<script>
+ query_should_be_known("(display-mode)");
+ query_should_be_known("(display-mode: standalone)");
+ query_should_be_known("(display-mode: browser)");
+ query_should_be_known("(display-mode: minimal-ui)");
+ query_should_be_known("(display-mode: fullscreen)");
+
+ query_should_be_unknown("(display-mode: 0)");
+ query_should_be_unknown("(display-mode: none)");
+ query_should_be_unknown("(display-mode: random)");
+ query_should_be_unknown("(display-mode: 10px)");
+ query_should_be_unknown("(display-mode: 1%)");
+
+ test(() => {
+ let booleanContext = window.matchMedia("(display-mode)");
+ assert_true(booleanContext.matches);
+ }, "Check that display-mode evaluates to true in the boolean context");
+</script>
\ No newline at end of file
