Fix style values containing upper-case characters

peternewnham · Mar 23, 2021 · 1a64a90 · 1a64a90
1 parent e89bba4
commit 1a64a90
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/utils/inlineStyleToObject.js b/src/utils/inlineStyleToObject.js
@@ -20,7 +20,7 @@ export default function InlineStyleToObject(inlineStyle = '') {
         let [property, value] = stylePropertyValue
           .split(/^([^:]+):/)
           .filter((val, i) => i > 0)
-          .map(item => item.trim().toLowerCase());
+          .map(item => item.trim());
 
         // if there is no value (i.e. no : in the style) then ignore it
         if (value === undefined) {
@@ -33,6 +33,7 @@ export default function InlineStyleToObject(inlineStyle = '') {
         // e.g. -ms-style-property = msStyleProperty
         //      -webkit-style-property = WebkitStyleProperty
         property = property
+          .toLowerCase()
           .replace(/^-ms-/, 'ms-')
           .replace(/-(.)/g, (_, character) => character.toUpperCase());
 

diff --git a/test/unit/utils/inlineStyleToObject.spec.js b/test/unit/utils/inlineStyleToObject.spec.js
@@ -42,4 +42,12 @@ describe('Testing `utils/inlineStyleToObject', () => {
     expect(inlineStyleToObject(inlineStyle)).toEqual(expectedStyleObject);
   });
 
+  it('should parse style values containing upper-case characters correctly', () => {
+    const inlineStyle = 'background:url(https://test.com/IMAGE.png);';
+    const expectedStyleObject = {
+      background: 'url(https://test.com/IMAGE.png)',
+    };
+    expect(inlineStyleToObject(inlineStyle)).toEqual(expectedStyleObject);
+  });
+
 });