dynamic-range.html (1935B)
1 <!DOCTYPE html> 2 <link rel="help" title="6.5 dynamic-range" href="https://www.w3.org/TR/mediaqueries-5/#dynamic-range"> 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 7 <script> 8 query_should_be_known("(dynamic-range: standard)"); 9 query_should_be_known("(dynamic-range: high)"); 10 query_should_be_known("(video-dynamic-range: standard)"); 11 query_should_be_known("(video-dynamic-range: high)"); 12 13 query_should_be_known("(dynamic-range)"); 14 query_should_be_known("(video-dynamic-range)"); 15 16 query_should_be_unknown("(dynamic-range: 0)"); 17 query_should_be_unknown("(dynamic-range: 10px)"); 18 query_should_be_unknown("(dynamic-range: invalid)"); 19 query_should_be_unknown("(video-dynamic-range: 0)"); 20 query_should_be_unknown("(video-dynamic-range: 10px)"); 21 query_should_be_unknown("(video-dynamic-range: invalid)"); 22 23 test(() => { 24 let match_boolean = window.matchMedia("(dynamic-range)"); 25 assert_false(match_boolean.matches); 26 }, "Check that dynamic-range evaluates to false in the boolean context"); 27 28 test(() => { 29 let match_boolean = window.matchMedia("(video-dynamic-range)"); 30 assert_false(match_boolean.matches); 31 }, "Check that video-dynamic-range evaluates to false in the boolean context"); 32 33 test(() => { 34 let match_standard = window.matchMedia("(dynamic-range: standard)"); 35 assert_true(match_standard.matches); 36 }, "Check that dynamic-range always matches 'standard'"); 37 38 test(() => { 39 let match_standard = window.matchMedia("(video-dynamic-range: standard)"); 40 assert_true(match_standard.matches); 41 }, "Check that video-dynamic-range always matches 'standard'"); 42 43 test(() => { 44 let match_invalid = window.matchMedia("(video-dynamic-range: invalid)"); 45 assert_false(match_invalid.matches); 46 }, "Check that video-dynamic-range is not 'invalid'"); 47 </script>