32 lines
955 B
HTML
32 lines
955 B
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<script src="../resources/testharness.js"></script>
|
||
|
|
<script src="../resources/testharnessreport.js"></script>
|
||
|
|
|
||
|
|
<picture id="test1">
|
||
|
|
<source srcset="dark.png" media="(prefers-color-scheme: dark)">
|
||
|
|
<source srcset="light.png" media="(prefers-color-scheme: light)">
|
||
|
|
<img src="error.png">
|
||
|
|
</picture>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function test_picture(id, expected) {
|
||
|
|
assert_regexp_match(document.getElementById(id).querySelector("img").currentSrc, new RegExp(`/${expected}$`));
|
||
|
|
}
|
||
|
|
|
||
|
|
test(function() {
|
||
|
|
// The current image should be the light source.
|
||
|
|
test_picture("test1", "light.png");
|
||
|
|
}, "Picture image has the light source selected");
|
||
|
|
|
||
|
|
test(function() {
|
||
|
|
if (window.internals)
|
||
|
|
internals.settings.setUseDarkAppearance(true);
|
||
|
|
}, "Dark color scheme enabled");
|
||
|
|
|
||
|
|
test(function() {
|
||
|
|
// The current image should be the dark source.
|
||
|
|
test_picture("test1", "dark.png");
|
||
|
|
}, "Picture image has the dark source selected");
|
||
|
|
</script>
|