diff options
Diffstat (limited to 'testing/web-platform/tests/css/mediaqueries')
3 files changed, 32 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/mediaqueries/WEB_FEATURES.yml b/testing/web-platform/tests/css/mediaqueries/WEB_FEATURES.yml new file mode 100644 index 0000000000..88f1510e1b --- /dev/null +++ b/testing/web-platform/tests/css/mediaqueries/WEB_FEATURES.yml @@ -0,0 +1,5 @@ +features: +- name: prefers-color-scheme + files: + - prefers-color-scheme.html + - prefers-color-scheme-* diff --git a/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image-ref.html b/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image-ref.html new file mode 100644 index 0000000000..012513ef9f --- /dev/null +++ b/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image-ref.html @@ -0,0 +1,19 @@ +<!doctype html> +<head> + <title>prefers-color-scheme inside an SVG image</title> + <link rel="help" href="https://www.w3.org/TR/mediaqueries-5/#descdef-media-prefers-color-scheme"> +</head> +<style> + div { + background-color: blue; + height: 32px; + width: 32px; + } + @media (prefers-color-scheme: dark) { + div { + background-color: purple; + } + } +</style> +<p>There should be a purple square below when the preferred color-scheme is dark, and blue otherwise.</p> +<div></div> diff --git a/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image.html b/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image.html new file mode 100644 index 0000000000..65d6556f7a --- /dev/null +++ b/testing/web-platform/tests/css/mediaqueries/prefers-color-scheme-svg-as-image.html @@ -0,0 +1,8 @@ +<!doctype html> +<head> + <title>prefers-color-scheme inside an SVG image</title> + <link rel="help" href="https://www.w3.org/TR/mediaqueries-5/#descdef-media-prefers-color-scheme"> + <link rel="match" href="prefers-color-scheme-svg-as-image-ref.html"> +</head> +<p>There should be a purple square below when the preferred color-scheme is dark, and blue otherwise.</p> +<img src='resources/prefers-color-scheme.svg'> |