summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-06-12 05:35:37 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-06-12 05:35:37 +0000
commita90a5cba08fdf6c0ceb95101c275108a152a3aed (patch)
tree532507288f3defd7f4dcf1af49698bcb76034855 /testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html
parentAdding debian version 126.0.1-1. (diff)
downloadfirefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.tar.xz
firefox-a90a5cba08fdf6c0ceb95101c275108a152a3aed.zip
Merging upstream version 127.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html')
-rw-r--r--testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html41
1 files changed, 0 insertions, 41 deletions
diff --git a/testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html b/testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html
deleted file mode 100644
index acc48c7c36..0000000000
--- a/testing/web-platform/tests/css/css-pseudo/highlight-cascade-009.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Pseudo-Elements Test: highlight cascade: inheritance of custom properties</title>
-<link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org">
-<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-cascade">
-<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6641">
-<meta name="assert" content="This test verifies that custom properties used in highlight pseudos are taken from the ::root if not found in the highlight inheritance chain.">
-<script src="support/selections.js"></script>
-<link rel="stylesheet" href="support/highlights.css">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<style>
- :root {
- --background-color: green;
- --decoration-color: purple;
- }
- ::selection {
- --decoration-color: green;
- }
- div::selection {
- --background-color: blue;
- background-color: var(--background-color, red);
- }
-</style>
-<body>
- <div>Some text</div>
-</body>
-<script>
- selectNodeContents(document.querySelector("body"));
-
- const body_selection = getComputedStyle(document.querySelector("body"), "::selection");
- const div_selection = getComputedStyle(document.querySelector("div"), "::selection");
- test(() => void assert_equals(body_selection.getPropertyValue("--background-color"), "green"),
- "body ::selection has the root custom property");
- test(() => void assert_equals(body_selection.getPropertyValue("--decoration-color"), "green"),
- "body ::selection uses its own custom property");
- test(() => void assert_equals(div_selection.getPropertyValue("--decoration-color"), "green"),
- "div::selection inherits a custom property");
- test(() => void assert_equals(div_selection.getPropertyValue("--background-color"), "blue"),
- "div::selection uses its own custom property");
-</script>