fix(htmlFor): remove htmlfor from jsx attributes

Closes #1183

Author: adamdbradley

src/declarations/jsx.ts

@@ -356,7 +356,6 @@ export namespace JSXElements {
   export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
-    htmlfor?: string;
   }
 
   export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -453,7 +452,6 @@ export namespace JSXElements {
   export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
-    htmlfor?: string;
     name?: string;
   }
 

test/karma/test-app/attribute-basic/cmp.tsx

@@ -21,6 +21,10 @@ export class AttributeBasic {
         <div class="customAttr">
           {this.customAttr}
         </div>
+        <div>
+          <label class="htmlForLabel" htmlFor={'a'}>htmlFor</label>
+          <input type="checkbox" id={'a'}></input>
+        </div>
       </div>
     );
   }

test/karma/test-app/attribute-basic/karma.spec.ts

@@ -14,6 +14,7 @@ describe('attribute-basic', function() {
     expect(app.querySelector('.single').textContent).toBe('single');
     expect(app.querySelector('.multiWord').textContent).toBe('multiWord');
     expect(app.querySelector('.customAttr').textContent).toBe('my-custom-attr');
+    expect(app.querySelector('.htmlForLabel').getAttribute('for')).toBe('a');
 
     const button = app.querySelector('button');
     button.click();