commit f356326a4784f9761c7203a4db2dc269f99e77c2
parent 327c2176e15f7e727167304121376ec04bec3633
Author: Rune Lillesveen <futhark@chromium.org>
Date: Tue, 16 Dec 2025 08:29:10 +0000
Bug 2005453 [wpt PR 56674] - Compute gradient stop colors at computed value time if necessary, a=testonly
Automatic update from web-platform-tests
Compute gradient stop colors at computed value time if necessary
When working on this CL, I noticed we do not resolve computed values in
gradients which are wrapped in other values like image-set() and
cross-fade(). As a consequence of that, the added handling for
kConstantGradientClass is currently not exercised as it is only used for
solid colors inside cross-fade().
Resolving computed values in image-set()/cross-fade() will be done in
other CLs.
Bug: 465006290
Change-Id: I50bf0c14eee5612dd805a48741ac9a25c3c45105
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7245532
Commit-Queue: Rune Lillesveen <futhark@chromium.org>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1557244}
--
wpt-commits: 63a6009a56d37ff82a9441d5c57f334795e6e97a
wpt-pr: 56674
Diffstat:
1 file changed, 18 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-values/tree-counting/sibling-index-linear-gradient-gcs.html b/testing/web-platform/tests/css/css-values/tree-counting/sibling-index-linear-gradient-gcs.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>CSS Values Test: getComputedStyle() for linear-gradient() with sibling-index()</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#tree-counting">
+<link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-serialize">
+<link rel="help" href="https://drafts.csswg.org/css-images-4/#linear-gradients">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+ #target {
+ background-image: linear-gradient(white, rgb(0 0 calc(sibling-index() * 200)));
+ }
+</style>
+<div id="target"></div>
+<script>
+ test(() => {
+ assert_equals(getComputedStyle(target).backgroundImage, "linear-gradient(rgb(255, 255, 255), rgb(0, 0, 200))");
+ }, "Check that sibling-index() is resolved in serialization of computed value of linear-gradient()");
+</script>
