fix(AppShell): make CSS class selectors case insensitive (#65)

Fix #64

Author: mgechev

app-shell/src/app/shell-parser/node-matcher/css-node-matcher.spec.ts

@@ -59,6 +59,15 @@ describe('CssNodeMatcher', () => {
       expect(complexSelector.match(node)).toBe(true);
     });
 
+    it('should match case insensitive class selector', () => {
+      const classSelector = CssSelector.parse('.DIALOG');
+      const selector = new CssNodeMatcher(classSelector);
+      expect(selector.match(node)).toBe(true);
+      const complexClassSelector = CssSelector.parse('.dialog.modal--drop');
+      const complexSelector = new CssNodeMatcher(complexClassSelector);
+      expect(complexSelector.match(node)).toBe(true);
+    });
+
     it('should match element by id', () => {
       const idSelector = CssSelector.parse('#dialog-id');
       const selector = new CssNodeMatcher(idSelector);

app-shell/src/app/shell-parser/node-matcher/css-node-matcher.ts

@@ -48,7 +48,8 @@ export class CssNodeMatcher extends NodeMatcher {
     if (!classAttr) {
       return false;
     }
-    const classMap = classAttr.value.split(' ')
+    const classMap = classAttr.value
+      .toLowerCase().split(' ')
       .reduce((accum: any, val: string) => {
         accum[val] = true;
         return accum;

app-shell/src/app/shell-parser/shell-parser.spec.ts

@@ -1,7 +1,6 @@
 import {
   beforeEach,
   it,
-  xit,
   describe,
   expect,
   inject
@@ -131,7 +130,6 @@ describe('ShellParserImpl', () => {
   describe('parseDoc', () => {
 
     it('should strip with default selector', (done: any) => {
-      debugger;
       const mockScope = new MockWorkerScope();
       const parser = createMockedWorker(mockScope);
       const response = new MockResponse(prerenderedTemplate);