display-mode.html (1109B)
1 <!DOCTYPE html> 2 <link rel="help" href="http://www.w3.org/TR/mediaqueries-5/#display-mode" /> 3 <script type="text/javascript" src="/resources/testharness.js"></script> 4 <script type="text/javascript" src="/resources/testharnessreport.js"></script> 5 <script type="text/javascript" src="resources/matchmedia-utils.js"></script> 6 <script> 7 query_should_be_known("(display-mode)"); 8 query_should_be_known("(display-mode: standalone)"); 9 query_should_be_known("(display-mode: browser)"); 10 query_should_be_known("(display-mode: minimal-ui)"); 11 query_should_be_known("(display-mode: fullscreen)"); 12 query_should_be_known("(display-mode: picture-in-picture)"); 13 14 query_should_be_unknown("(display-mode: 0)"); 15 query_should_be_unknown("(display-mode: none)"); 16 query_should_be_unknown("(display-mode: random)"); 17 query_should_be_unknown("(display-mode: 10px)"); 18 query_should_be_unknown("(display-mode: 1%)"); 19 20 test(() => { 21 let booleanContext = window.matchMedia("(display-mode)"); 22 assert_true(booleanContext.matches); 23 }, "Check that display-mode evaluates to true in the boolean context"); 24 </script>