Support invalidation of attr()

This CL does not include attr() invalidation on pseudo elements, to be done separately. Bug: 40320391 Change-Id: I5d0e98d61541f9ea9186684eeb2a4637b47fde46 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5672119 Reviewed-by: Anders Hartvoll Ruud <[email protected]> Commit-Queue: Munira Tursunova <[email protected]> Cr-Commit-Position: refs/heads/main@{#1323798}
web-platform-tests · Jul 5, 2024 · 4e3b5de · 4e3b5de
1 parent 6560385
commit 4e3b5de
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/css/css-values/attr-invalidation.html b/css/css-values/attr-invalidation.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>CSS Values and Units Test: attr() invalidation</title>
+<meta name="assert" content="Test attr() invalidation">
+<link rel="help" href="https://drafts.csswg.org/css-values/#attr-notation">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  div {
+    width: attr(data-foo length);
+  }
+</style>
+
+<html>
+  <body>
+    <div id="div" data-foo="10px"></div>
+  </body>
+</html>
+
+<script>
+  setup({ single_test: true });
+  let elem = document.getElementById("div");
+  let old_width = window.getComputedStyle(elem).getPropertyValue("width");
+  elem.setAttribute("data-foo", "30px");
+  let new_width = window.getComputedStyle(elem).getPropertyValue("width");
+  assert_not_equals(new_width, old_width);
+  done();
+</script>