[ident] Resolve ident() in registered custom properties

andruud · chromium-wpt-export-bot · commit 91786af6750b · 2025-05-22T06:16:30.000-07:00
Additionally, add a basic crash test for @Property while we wait for Issue 12219 to resolve. w3c/csswg-drafts#12219 Bug: 384930424 Change-Id: I36c215cac8558dbc964fda366e2ddba3c7b2017a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6578154 Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1464032}
diff --git a/css/css-properties-values-api/registered-property-ident-function.html b/css/css-properties-values-api/registered-property-ident-function.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>CSS Properties Values API: Registered custom properties with ident()</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#ident">
+<link rel="help" href="https://drafts.csswg.org/css-properties-values-api-1">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  @property --ident {
+    syntax: "<custom-ident>";
+    inherits: true;
+    initial-value: none;
+  }
+</style>
+<div id=target></div>
+<script>
+  let actual_ident = 'ident("--myident" calc(42 * sign(1em - 1px)))';
+  let expected_ident = '--myident42';
+
+  test((t) => {
+    t.add_cleanup(() => { target.style = ''; })
+    target.style.setProperty('--ident', actual_ident);
+    assert_equals(getComputedStyle(target).getPropertyValue('--ident'),
+      expected_ident);
+  }, 'The ident() function is resolved in a registered custom property');
+</script>
