commit 9a22cfff7d18a4b03639e2348ebb73a0a2f7202e
parent c62e93b9dec2926f439e16a8cb83764870db1676
Author: Stalgia Grigg <stalgia@bocoup.com>
Date: Fri, 9 Jan 2026 08:36:31 +0000
Bug 2006709 [wpt PR 56819] - Map `named-color` web-feature, a=testonly
Automatic update from web-platform-tests
Map `named-color` web-feature (#56819)
Feature: `named-color`
Reference: https://github.com/web-platform-dx/web-features/blob/main/features/named-color.yml
Notable exclusions
1. Gradient interpolation test using named colors
- `css/css-images/gradient/gradient-none-interpolation.html` - uses named colors only as values for interpolation testing, not testing the named color feature itself.
--
wpt-commits: 9d51f87730d980b553d932f58229ddb258f69b88
wpt-pr: 56819
Diffstat:
3 files changed, 63 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-color/WEB_FEATURES.yml b/testing/web-platform/tests/css/css-color/WEB_FEATURES.yml
@@ -53,3 +53,6 @@ features:
- t32-opacity-*.xht
- inline-opacity-float-child.html
- opacity-overlapping-letters.html
+- name: named-color
+ files:
+ - named-001.html
diff --git a/testing/web-platform/tests/css/css-color/parsing/WEB_FEATURES.yml b/testing/web-platform/tests/css/css-color/parsing/WEB_FEATURES.yml
@@ -21,3 +21,6 @@ features:
- name: opacity
files:
- opacity-*.html
+- name: named-color
+ files:
+ - "*-named-color.html"
diff --git a/testing/web-platform/tests/intersection-observer/v2/z-index-changes.html b/testing/web-platform/tests/intersection-observer/v2/z-index-changes.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Intersection observer visibility should be updated after z-index changes</title>
+<link rel="help" href="https://crbug.com/422531206">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+#overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 220px;
+ height: 220px;
+ background-color: blue;
+ z-index: -9999;
+}
+#frame {
+ position: relative;
+ width: 200px;
+ height: 200px;
+}
+</style>
+
+<div id="overlay"></div>
+<iframe id="frame" srcdoc="<!doctype html>hello"></iframe>
+
+<script>
+async_test(function(t) {
+ let observation_count = 0;
+
+ const observer = new IntersectionObserver(t.step_func(function(records) {
+ records.forEach(function(record) {
+ observation_count++;
+ if (observation_count === 1) {
+ assert_equals(record.isVisible, true, 'Initial observation should be visible');
+
+ // Adjust the overlay z-index so that it occludes the frame.
+ overlay.style.zIndex = '9999';
+ } else if (observation_count === 2) {
+ assert_equals(record.isVisible, false, 'Second observation should be obscured');
+
+ // Adjust the overlay z-index so it no longer occludes the frame.
+ overlay.style.zIndex = '-9999';
+ } else if (observation_count === 3) {
+ assert_equals(record.isVisible, true, 'Third observation should be visible');
+
+ observer.disconnect();
+ t.done();
+ }
+ });
+ }), { trackVisibility: true, delay: 100 });
+
+ frame.onload = t.step_func(() => {
+ observer.observe(frame.contentDocument.documentElement);
+ });
+}, 'IntersectionObserver observes visibility changes from z-index');
+</script>
