test: avoid test host component ID collision

EmmanuelRoux · Nov 12, 2023 · 003f291 · 003f291
1 parent 9ac9a10
commit 003f291
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/projects/ngx-matomo-client/core/directives/matomo-opt-out-form.component.spec.ts b/projects/ngx-matomo-client/core/directives/matomo-opt-out-form.component.spec.ts
@@ -13,6 +13,7 @@ import { MatomoInitializerService } from '../tracker/matomo-initializer.service'
 import { MatomoOptOutFormComponent } from './matomo-opt-out-form.component';
 
 @Component({
+  selector: 'matomo-host-with-default-server-url-and-locale',
   template: ` <matomo-opt-out-form
     [backgroundColor]="backgroundColor"
     [color]="color"
@@ -34,6 +35,7 @@ class HostWithDefaultServerUrlAndLocaleComponent {
 }
 
 @Component({
+  selector: 'matomo-host-with-custom-server-url-and-locale',
   template: ` <matomo-opt-out-form
     [backgroundColor]="backgroundColor"
     [color]="color"
@@ -59,6 +61,7 @@ class HostWithCustomServerUrlAndLocaleComponent {
 }
 
 @Component({
+  selector: 'matomo-host-without-server-url',
   template: ` <matomo-opt-out-form></matomo-opt-out-form>`,
   providers: [
     {
@@ -78,6 +81,7 @@ class HostWithCustomServerUrlAndLocaleComponent {
 class HostWithoutServerUrlComponent {}
 
 @Component({
+  selector: 'matomo-host-without-locale',
   template: ` <matomo-opt-out-form></matomo-opt-out-form>`,
   providers: [
     {

diff --git a/projects/ngx-matomo-client/core/directives/matomo-tracker.directive.spec.ts b/projects/ngx-matomo-client/core/directives/matomo-tracker.directive.spec.ts
@@ -6,6 +6,7 @@ import { MatomoTrackerDirective, TrackArgs } from './matomo-tracker.directive';
 type HTMLElementEvent = keyof HTMLElementEventMap;
 
 @Component({
+  selector: 'matomo-host-with-input-events',
   template: ` <input
     type="text"
     #input
@@ -31,6 +32,7 @@ class HostWithInputEventsComponent {
 }
 
 @Component({
+  selector: 'matomo-host-with-custom-handler-1',
   template: `<input
     type="text"
     #input
@@ -59,6 +61,7 @@ class HostWithCustomHandler1Component {
 }
 
 @Component({
+  selector: 'matomo-host-with-custom-handler-2',
   template: `<input
     type="text"
     #input