fix(compiler): attribute case in IE9

marclaval · marclaval · commit b89c5bc5818c · 2015-10-15T10:18:15.000+02:00
Closes #4743
diff --git a/modules/angular2/src/core/compiler/html_parser.ts b/modules/angular2/src/core/compiler/html_parser.ts
@@ -45,7 +45,9 @@ function parseText(text: Text, indexInParent: number, parentSourceInfo: string):
 function parseAttr(element: Element, parentSourceInfo: string, attrName: string, attrValue: string):
     HtmlAttrAst {
   // TODO(tbosch): add source row/column source info from parse5 / package:html
-  return new HtmlAttrAst(attrName, attrValue, `${parentSourceInfo}[${attrName}=${attrValue}]`);
+  var lowerCaseAttrName = attrName.toLowerCase();
+  return new HtmlAttrAst(lowerCaseAttrName, attrValue,
+                         `${parentSourceInfo}[${lowerCaseAttrName}=${attrValue}]`);
 }
 
 function parseElement(element: Element, indexInParent: number, parentSourceInfo: string):
diff --git a/modules/angular2/test/core/compiler/html_parser_spec.ts b/modules/angular2/test/core/compiler/html_parser_spec.ts
@@ -81,6 +81,14 @@ export function main() {
               ]);
         });
 
+        it('should parse and lower case attributes on regular elements', () => {
+          expect(humanizeDom(parser.parse('<div FoO="bar"></div>', 'TestComp')))
+              .toEqual([
+                [HtmlElementAst, 'div', 'TestComp > div:nth-child(0)'],
+                [HtmlAttrAst, 'foo', 'bar', 'TestComp > div:nth-child(0)[foo=bar]']
+              ]);
+        });
+
         it('should parse attributes on template elements', () => {
           expect(humanizeDom(parser.parse('<template k="v"></template>', 'TestComp')))
               .toEqual([
