Fix test failure with attr-case-sensitivity-003.html.

Swarup Ukil · moz-wptsync-bot · commit cc8f0fb94ea8 · 2026-05-16T18:28:07.000+01:00
Differential Revision: https://phabricator.services.mozilla.com/D300498 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=2039319 gecko-commit: 2f3cb1148a83ec7442d7775ad83ed449199b7d20 gecko-commit-git: 146161b5bba1f0a9c246a18cd30701d7d5081849 gecko-reviewers: emilio, firefox-style-system-reviewers
diff --git a/css/css-content/attr-case-sensitivity-004.html b/css/css-content/attr-case-sensitivity-004.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>attr() with SVG attributes</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#attr-notation">
+<link rel="match" href="/css/css-content/attr-case-sensitivity-ref-004.html">
+<meta name="assert" content="This test checks that SVG attribute names specified in the attr() function are case-sensitive.">
+<style>
+    svg { width: 100px; height: 100px; }
+    #casematch { background-color: attr(testCase type(<color>), white); }
+    #lowercase { background-color: attr(testcase type(<color>), white); }
+</style>
+<svg id="casematch"></svg>
+<svg id="lowercase"></svg>
+<script>
+    document.getElementById("casematch").setAttribute("testCase", "red");
+    document.getElementById("lowercase").setAttribute("testCase", "green");
+</script>
diff --git a/css/css-content/attr-case-sensitivity-ref-004.html b/css/css-content/attr-case-sensitivity-ref-004.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>attr() with SVG attributes</title>
+<style>
+    svg { width: 100px; height: 100px; }
+    #casematch { background-color: red; }
+</style>
+<svg id="casematch"></svg>
