diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html b/testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html new file mode 100644 index 0000000000..77c6f36264 --- /dev/null +++ b/testing/web-platform/tests/css/css-position/backdrop-inherit-computed.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<title>CSS Position Test: ::backdrop inherits from originating element - computed values</title> +<link rel="help" href="https://drafts.csswg.org/css-position-4/#backdrop"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + dialog { + --foo: bar; + --bg: green; + left: 100px; + color-scheme: dark; + } + dialog::backdrop { + background-color: var(--bg); + left: inherit; + } +</style> +<dialog></dialog> +<script> + let dialog = document.querySelector("dialog"); + setup(() => { + dialog.showModal(); + }); + + test(() => { + let style = getComputedStyle(dialog, "::backdrop"); + assert_equals(style.getPropertyValue("--foo"), "bar"); + assert_equals(style.getPropertyValue("--bg"), "green"); + }, "Inherit custom property"); + + test(() => { + assert_equals(getComputedStyle(dialog, "::backdrop").backgroundColor, "rgb(0, 128, 0)"); + }, "Apply inherited custom property to background-color"); + + test(() => { + assert_equals(getComputedStyle(dialog, "::backdrop").colorScheme, "dark"); + }, "Implicitly inherited color-scheme"); + + test(() => { + assert_equals(getComputedStyle(dialog, "::backdrop").left, "100px"); + }, "Explicitly inherited left"); +</script> |