| <!DOCTYPE html> |
| <title>Tests for color-gamut media query</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script> |
| test(function() { |
| assert_true(window.matchMedia("(color-gamut)").matches); |
| }, "Test that color-gamut can be feature detected"); |
| |
| test(function() { |
| assert_false(window.matchMedia("(color-gamut: foobar)").matches); |
| }, "Test that unknown values are rejected"); |
| |
| async_test(t => { |
| assert_true('testRunner' in window); |
| |
| testRunner.setColorProfile('sRGB', t.step_func(() => { |
| assert_true(window.matchMedia("(color-gamut: srgb)").matches); |
| assert_false(window.matchMedia("(color-gamut: p3)").matches); |
| assert_false(window.matchMedia("(color-gamut: rec2020)").matches); |
| |
| testRunner.setColorProfile('colorSpin', t.step_func(() => { |
| assert_true(window.matchMedia("(color-gamut: srgb)").matches); |
| assert_false(window.matchMedia("(color-gamut: p3)").matches); |
| assert_false(window.matchMedia("(color-gamut: rec2020)").matches); |
| |
| testRunner.setColorProfile('adobeRGB', t.step_func_done(() => { |
| assert_true(window.matchMedia("(color-gamut: srgb)").matches); |
| assert_true(window.matchMedia("(color-gamut: p3)").matches); |
| assert_false(window.matchMedia("(color-gamut: rec2020)").matches); |
| })); |
| })); |
| })); |
| }, "Test API with various color profile"); |
| </script> |