diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-077.html')
-rw-r--r-- | testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-077.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-077.html b/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-077.html new file mode 100644 index 0000000000..7cc9a33503 --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-077.html @@ -0,0 +1,27 @@ +<!doctype HTML> +<meta charset="utf8"> +<title>CSS Content Visibility: content-visibility is not animatable.</title> +<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> +<meta name="assert" content="content-visibility is not animatable"> + +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<style> +@keyframes cv { + from { content-visibility: auto } + to { content-visibility: hidden } +} + +#container { animation: cv 1s; } +</style> + +<div id=container></div> + +<script> +test(() => { + const computedStyle = getComputedStyle(container); + assert_equals(computedStyle.contentVisibility, "visible"); +}, "Content-visibility is not animatable"); +</script> |