fix(core): broken query selectors are properly normalized #567

libs/ng-mocks/src/lib/mock-component/render/generate-template.ts

@@ -32,7 +32,7 @@ export default (queries?: Record<keyof any, any>): string => {
       continue;
     }
     if (typeof query.selector === 'string') {
-      const selector = query.selector.replace(new RegExp('[^a-z0-9-_]+', 'mg'), ' ').trim().replace(' ', '_');
+      const selector = query.selector.replace(new RegExp('[^a-zA-Z0-9_]', 'mg'), '_');
       queries[`__mockView_key_${selector}`] = new ViewChild(`key_${selector}`, viewChildArgs);
       queries[`__mockTpl_key_${selector}`] = query;
       parts.push(viewChildTemplate(selector, 'key'));

tests/issue-567/test.spec.ts

@@ -0,0 +1,19 @@
+import { Component, ContentChild, TemplateRef } from '@angular/core';
+import { MockBuilder, MockRender } from 'ng-mocks';
+
+@Component({
+  selector: 'target',
+  template: '<ng-content></ng-content>',
+})
+class TargetComponent {
+  @ContentChild('s-e_-_ri23sTo 12 o#ltTem_~_plate_', {} as any)
+  public readonly seriesTooltipTemplate?: TemplateRef<any>;
+}
+
+describe('issue-567', () => {
+  beforeEach(() => MockBuilder(null, TargetComponent));
+
+  it('does not fail on seriesTooltipTemplate', () => {
+    expect(() => MockRender(TargetComponent)).not.toThrow();
+  });
+});