<!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>