feat: 🎸 add componentImports for SpectatorRouting (#718)

* feat: 🎸 add SpectatorRouting componentImports

add componentImports for SpectatorRouting

✅ Closes: #715

* test: 💍 componentImports for jest and vitest

add missing componentImports for jest and vitest

Author: chimurai

projects/spectator/jest/test/standalone/component/standalone-with-imports.component.spec.ts

@@ -0,0 +1,68 @@
+import {
+  createComponentFactory,
+  createHostFactory,
+  createRoutingFactory,
+  Spectator,
+  SpectatorHost,
+  SpectatorRouting,
+} from '@ngneat/spectator/jest';
+import { StandaloneComponent } from '../../../../test/standalone/component/standalone.component';
+import {
+  MockStandaloneChildComponent,
+  StandaloneChildComponent,
+  StandaloneWithImportsComponent,
+} from '../../../../test/standalone/component/standalone-with-imports.component';
+
+describe('StandaloneWithImportsComponent', () => {
+  describe('with Spectator', () => {
+    let spectator: Spectator<StandaloneWithImportsComponent>;
+
+    const createComponent = createComponentFactory({
+      component: StandaloneWithImportsComponent,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      spectator = createComponent();
+    });
+
+    it('should render a StandaloneComponent with overridden import', () => {
+      expect(spectator.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+
+  describe('with SpectatorHost', () => {
+    let host: SpectatorHost<StandaloneComponent>;
+
+    const createHost = createHostFactory({
+      component: StandaloneWithImportsComponent,
+      template: `<app-standalone-with-imports />`,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      host = createHost();
+    });
+
+    it('should render a StandaloneComponent', () => {
+      expect(host.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+
+  describe('with SpectatorRouting', () => {
+    let spectator: SpectatorRouting<StandaloneWithImportsComponent>;
+
+    const createComponent = createRoutingFactory({
+      component: StandaloneWithImportsComponent,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      spectator = createComponent();
+    });
+
+    it('should render a StandaloneComponent', () => {
+      expect(spectator.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+});

projects/spectator/src/lib/spectator-routing/create-factory.ts

@@ -7,6 +7,7 @@ import { setProps } from '../internals/query';
 import * as customMatchers from '../matchers';
 import {
   overrideComponentIfProviderOverridesSpecified,
+  overrideComponentImports,
   overrideComponents,
   overrideDirectives,
   overrideModules,
@@ -52,6 +53,7 @@ export function createRoutingFactory<C>(typeOrOptions: Type<C> | SpectatorRoutin
     overridePipes(options);
 
     overrideComponentIfProviderOverridesSpecified(options);
+    overrideComponentImports(options);
   });
 
   return (overrides?: SpectatorRoutingOverrides<C>) => {

projects/spectator/test/standalone/component/standalone-with-imports.component.spec.ts

@@ -1,4 +1,11 @@
-import { createComponentFactory, createHostFactory, Spectator, SpectatorHost } from '@ngneat/spectator';
+import {
+  createComponentFactory,
+  createHostFactory,
+  createRoutingFactory,
+  Spectator,
+  SpectatorHost,
+  SpectatorRouting,
+} from '@ngneat/spectator';
 import { StandaloneComponent } from './standalone.component';
 import {
   MockStandaloneChildComponent,
@@ -41,4 +48,21 @@ describe('StandaloneWithImportsComponent', () => {
       expect(host.query('#child-standalone')).toContainText('Mocked!');
     });
   });
+
+  describe('with SpectatorRouting', () => {
+    let spectator: SpectatorRouting<StandaloneWithImportsComponent>;
+
+    const createComponent = createRoutingFactory({
+      component: StandaloneWithImportsComponent,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      spectator = createComponent();
+    });
+
+    it('should render a StandaloneComponent', () => {
+      expect(spectator.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
 });

projects/spectator/vitest/test/standalone/component/standalone-with-imports.component.spec.ts

@@ -0,0 +1,68 @@
+import {
+  createComponentFactory,
+  createHostFactory,
+  createRoutingFactory,
+  Spectator,
+  SpectatorHost,
+  SpectatorRouting,
+} from '@ngneat/spectator/vitest';
+import { StandaloneComponent } from '../../../../test/standalone/component/standalone.component';
+import {
+  MockStandaloneChildComponent,
+  StandaloneChildComponent,
+  StandaloneWithImportsComponent,
+} from '../../../../test/standalone/component/standalone-with-imports.component';
+
+describe('StandaloneWithImportsComponent', () => {
+  describe('with Spectator', () => {
+    let spectator: Spectator<StandaloneWithImportsComponent>;
+
+    const createComponent = createComponentFactory({
+      component: StandaloneWithImportsComponent,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      spectator = createComponent();
+    });
+
+    it('should render a StandaloneComponent with overridden import', () => {
+      expect(spectator.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+
+  describe('with SpectatorHost', () => {
+    let host: SpectatorHost<StandaloneComponent>;
+
+    const createHost = createHostFactory({
+      component: StandaloneWithImportsComponent,
+      template: `<app-standalone-with-imports />`,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      host = createHost();
+    });
+
+    it('should render a StandaloneComponent', () => {
+      expect(host.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+
+  describe('with SpectatorRouting', () => {
+    let spectator: SpectatorRouting<StandaloneWithImportsComponent>;
+
+    const createComponent = createRoutingFactory({
+      component: StandaloneWithImportsComponent,
+      componentImports: [[StandaloneChildComponent, MockStandaloneChildComponent]],
+    });
+
+    beforeEach(() => {
+      spectator = createComponent();
+    });
+
+    it('should render a StandaloneComponent', () => {
+      expect(spectator.query('#child-standalone')).toContainText('Mocked!');
+    });
+  });
+});