content attribute value of a pseudo-attribute is no longer changed in lower case (issue #667)

rbri · rbri · commit 01425b17e405 · 2023-11-16T12:40:10.000+01:00
diff --git a/src/changes/changes.xml b/src/changes/changes.xml
@@ -8,6 +8,9 @@
 
     <body>
         <release version="3.8.0" date="November xx, 2023" description="Chrome/Edge 119, Bugfixes">
+            <action type="fix" dev="rbri" issue="#667">
+                Content attribute value of a pseudo-attribute is no longer changed in lower case.
+            </action>
             <action type="add" dev="René Schwietzke">
                 Updated CSS3Parser pool implementation with a different concept to allow more pooling,
                 lighter synchronization, and avoid leaks when not auto-closed. It also uses AutoCloseable
diff --git a/src/main/java/org/htmlunit/css/ComputedCssStyleDeclaration.java b/src/main/java/org/htmlunit/css/ComputedCssStyleDeclaration.java
@@ -214,7 +214,8 @@ public String getStyleAttribute(final String name) {
         final StyleElement element = getStyleElement(name);
         if (element != null && element.getValue() != null) {
             final String value = element.getValue();
-            if (!value.contains("url")) {
+            if (!"content".equals(name)
+                    && !value.contains("url")) {
                 return org.htmlunit.util.StringUtils.toRootLowerCaseWithCache(value);
             }
             return value;
diff --git a/src/test/java/org/htmlunit/javascript/host/css/CSSStyleDeclarationTest.java b/src/test/java/org/htmlunit/javascript/host/css/CSSStyleDeclarationTest.java
@@ -3729,4 +3729,28 @@ public void item() throws Exception {
 
         loadPageVerifyTitle2(html);
     }
+
+    /**
+     * @throws Exception if the test fails
+     */
+    @Test
+    @Alerts("\"abCD\"")
+    public void content() throws Exception {
+        final String html =
+            "<html>\n"
+            + "</head>\n"
+            + "  <style type='text/css'>#myDiv::before { content: 'abCD' }</style>\n"
+            + "</head>\n"
+            + "<body>\n"
+            + "  <div id='myDiv'></div>\n"
+            + "  <script>\n"
+            + LOG_TITLE_FUNCTION
+            + "    var myDiv = document.getElementById('myDiv');\n"
+            + "    var myDivStyle = window.getComputedStyle(myDiv, '::before');\n"
+            + "    log(myDivStyle.content);\n"
+            + "  </script>\n"
+            + "</body></html>";
+
+        loadPageVerifyTitle2(html);
+    }
 }
