style-query-registered-custom-invalid.tentative.html (978B)
1 <!DOCTYPE html> 2 <title>CSS Container Queries Test: style() query with IACVT value for registered custom property</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#style-container"> 4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11143"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="support/cq-testcommon.js"></script> 8 <style> 9 :root { container-name: --root; } 10 @property --prop { 11 syntax: "a"; 12 initial-value: a; 13 inherits: true; 14 } 15 #target { background-color: green; } 16 @container --root style(--prop: b) { 17 #target { background-color: red; } 18 } 19 </style> 20 <div id="target"></div> 21 <script> 22 setup(() => assert_implements_style_container_queries()); 23 24 test(() => { 25 assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)"); 26 }, "Querying IACVT value for registered custom property should evaluate to false"); 27 28 </script>