Merge pull request #5 from mjj2000/fix-boolean-attribute

[fix] match boolean attributes that contain upper case characters

Author: peternewnham

src/utils/HtmlAttributesToReact.js

@@ -12,7 +12,8 @@ const getParsedAttributeValue = function(attribute, value) {
 
   // if the attribute if a boolean then it's value should be the same as it's name
   // e.g. disabled="disabled"
-  if (BooleanAttributes.indexOf(attribute) >= 0) {
+  let lowerBooleanAttributes = BooleanAttributes.map(attr => attr.toLowerCase());
+  if (lowerBooleanAttributes.indexOf(attribute.toLowerCase()) >= 0) {
     value = attribute;
   }
 

test/unit/utils/HtmlAttributesToReact.spec.js

@@ -22,22 +22,24 @@ describe('Testing `utils/HtmlAttributesToReact`', () => {
       'UPPER-CASE-TEST-ATTRIBUTE': 'upperTestAttribute',
       // boolean attributes
       disabled: '',
-      checked: ''
+      checked: '',
+      autoplay: ''
     };
 
     const expectedReactAttributes = {
       className: 'testClass',
       htmlFor: 'testFor',
       minLength: 1,
       acceptCharset: 'testAcceptCharset',
-      formNoValidate: 'testFormNoValidate',
+      formNoValidate: 'formNoValidate',
       label: 'testLabel',
       'data-test': 'test',
       'aria-role': 'role',
       testattribute: 'testAttribute',
       'upper-case-test-attribute': 'upperTestAttribute',
       disabled: 'disabled',
-      checked: 'checked'
+      checked: 'checked',
+      autoPlay: 'autoPlay'
     };
 
     expect(HtmlAttributesToReact(htmlAttributes)).toEqual(expectedReactAttributes);