Add wpt test for inline if() invalivation

tursunova · chromium-wpt-export-bot · commit 262e8ec5a42f · 2025-02-13T06:36:39.000-08:00
Bug: 346977961 Change-Id: I211aa0c8abf73c8a1b0f8dbefda45cc1414a19a4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6258714 Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Cr-Commit-Position: refs/heads/main@{#1419837}
diff --git a/css/css-values/if-invalidation.html b/css/css-values/if-invalidation.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>CSS Values and Units Test: if() invalidation</title>
+<meta name="assert" content="Test if() invalidation">
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#if-notation">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  html {
+    --x: 3;
+  }
+  #test {
+    --prop: if(style(--x: 3): true_value; else: false_value;);
+  }
+</style>
+
+<html>
+  <body>
+    <div id="test"></div>
+  </body>
+</html>
+
+<script>
+  setup({ single_test: true });
+  let elem = document.getElementById('test');
+  let old_value = window.getComputedStyle(elem).getPropertyValue('--prop');
+  assert_equals(old_value, "true_value");
+
+  document.documentElement.style.setProperty('--x', '0');
+  let new_value = window.getComputedStyle(elem).getPropertyValue('--prop');
+  assert_equals( new_value, "false_value");
+  assert_not_equals(new_value, old_value);
+  done();
+</script>
