Bug 1967789 [wpt PR 52700] - [ident] Support ident() in container/container-name,

andruud · lutien · commit 1c603b454cf5 · 2025-05-23T19:15:16.000Z
Automatic update from web-platform-tests [ident] Support ident() in container/container-name This CL adds support for ident() in the container and container-name properties. Since the behavior within at-rule preludes is not specified [1], this CL just includes a basic crash test for "@container ident(...)" as a provisional safeguard. [1] w3c/csswg-drafts#12219 Bug: 384930424 Change-Id: I200e8f1c516ebe69e48f97048014c3f65beac349 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6574640 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Cr-Commit-Position: refs/heads/main@{#1463950} -- wpt-commits: 742db34711329e93cc54d6b8b1a3b7eedbe41e65 wpt-pr: 52700 Differential Revision: https://phabricator.services.mozilla.com/D250989
diff --git a/testing/web-platform/tests/css/css-conditional/container-queries/container-ident-function.html b/testing/web-platform/tests/css/css-conditional/container-queries/container-ident-function.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>CSS Conditional: The ident() function in @container/container-name</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#ident">
+<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-rule">
+<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-name">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id=target></div>
+<script>
+  let actual_ident = 'ident("--myident" calc(42 * sign(1em - 1px)))';
+  let expected_ident = '--myident42';
+
+  // https://drafts.csswg.org/css-conditional-5/#container-name
+  test_computed_value('container-name', actual_ident, expected_ident);
+  test_computed_value('container-name', `--c ${actual_ident}`,
+    `--c ${expected_ident}`);
+
+  // https://drafts.csswg.org/css-conditional-5/#container-shorthand
+  test_computed_value('container', actual_ident, expected_ident);
+  test_computed_value('container', `--c ${actual_ident} / size`,
+    `--c ${expected_ident} / size`);
+
+</script>
