commit 47455fc95c20248f5b28058a41e725ee50d2d5af
parent 0523fa044027c2bc1dc7e786d15f5a20fa446139
Author: Rune Lillesveen <futhark@chromium.org>
Date: Wed, 7 Jan 2026 09:19:43 +0000
Bug 2008561 [wpt PR 56986] - Add wpt tests for CSSContainerRule containerName/containerQuery, a=testonly
Automatic update from web-platform-tests
Add wpt tests for CSSContainerRule containerName/containerQuery
Bug: 40287550
Change-Id: I0a3769398939038b586af53ba361584e02cddf3e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7378859
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Commit-Queue: Rune Lillesveen <futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1564841}
--
wpt-commits: 0ae1f694532e5464eea43b31c05d6ea03c771c58
wpt-pr: 56986
Diffstat:
1 file changed, 43 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-conditional/container-queries/container-rule-cssom.html b/testing/web-platform/tests/css/css-conditional/container-queries/container-rule-cssom.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<title>CSS Conditional Test: CSSContainerRule API</title>
+<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#the-csscontainerrule-interface">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style id="style_elm">
+</style>
+<script>
+ const sheet = style_elm.sheet;
+
+ function insertRule(source_text) {
+ try {
+ while (sheet.cssRules.length) {
+ sheet.deleteRule(0);
+ }
+ sheet.insertRule(source_text);
+ return sheet.cssRules[0];
+ } catch (e) {
+ return null;
+ }
+ }
+
+ test(() => {
+ const rule = insertRule("@container Name {}");
+ assert_true(!!rule, "Rule successfully parsed");
+ assert_equals(rule.containerName, "Name");
+ assert_equals(rule.containerQuery, "");
+ }, "containerName without query");
+
+ test(() => {
+ const rule = insertRule("@container (width > 300px) {}");
+ assert_true(!!rule, "Rule successfully parsed");
+ assert_equals(rule.containerName, "");
+ assert_equals(rule.containerQuery, "(width > 300px)");
+ }, "containerQuery without name");
+
+ test(() => {
+ const rule = insertRule("@container Name (width > 300px) {}");
+ assert_true(!!rule, "Rule successfully parsed");
+ assert_equals(rule.containerName, "Name");
+ assert_equals(rule.containerQuery, "(width > 300px)");
+ }, "containerName and containerQuery");
+</script>
