fix(jqLite): properly handle dash-delimited node names in jqLiteBuildFragment

Closes angular#10617

Author: gkalpak

src/jqLite.js

@@ -142,7 +142,7 @@ function camelCase(name) {
 
 var SINGLE_TAG_REGEXP = /^<(\w+)\s*\/?>(?:<\/\1>|)$/;
 var HTML_REGEXP = /<|&#?\w+;/;
-var TAG_NAME_REGEXP = /<([\w:]+)/;
+var TAG_NAME_REGEXP = /<([\w:-]+)/;
 var XHTML_TAG_REGEXP = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi;
 
 var wrapMap = {

test/jqLiteSpec.js

@@ -78,6 +78,19 @@ describe('jqLite', function() {
     });
 
 
+    it('should properly handle dash-delimited node names', function() {
+      var nodes = jqLite('<custom-element>Hello, world !</custom-element>');
+      expect(nodes.length).toBe(1);
+      expect(nodes[0].nodeName.toLowerCase()).toBe('custom-element');
+      expect(nodes[0].innerHTML).toBe('Hello, world !');
+
+      nodes = jqLite('<tr-custom>Hello, world !</tr-custom>');
+      expect(nodes.length).toBe(1);
+      expect(nodes[0].nodeName.toLowerCase()).toBe('tr-custom');
+      expect(nodes[0].innerHTML).toBe('Hello, world !');
+    });
+
+
     it('should allow creation of comment tags', function() {
       var nodes = jqLite('<!-- foo -->');
       expect(nodes.length).toBe(1);