feat(lib): add define global injections function

projects/spectator/package.json

@@ -2,7 +2,7 @@
   "name": "@netbasal/spectator",
   "description": "Angular tests made easy",
   "author": "Netanel Basal <netanel7799s@gmail.com>",
-  "version": "3.8.2",
+  "version": "3.9.0",
   "license": "MIT",
   "repository": {
     "type": "git",

projects/spectator/src/lib/config.ts

@@ -11,6 +11,7 @@ import { Component, NO_ERRORS_SCHEMA, Type } from '@angular/core';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { mockProvider } from './mock';
 import { isType } from './is-type';
+import { getGlobalsInjections } from './globals-injections';
 
 @Component({
   template: ''
@@ -38,6 +39,8 @@ const defaultOptions: SpectatorOptions<any, any> = {
   declareComponent: true
 };
 
+const { declarations: globalDec, providers: globalProviders, imports: globalImports } = getGlobalsInjections();
+
 export function initialModule<T, C = HostComponent>(
   options: SpectatorOptions<T, C> | Type<T>,
   withHost = false
@@ -55,21 +58,21 @@ export function initialModule<T, C = HostComponent>(
     component = options;
     host = HostComponent;
     moduleMetadata = {
-      declarations: [component, withHost ? host : []],
-      imports: [NoopAnimationsModule],
+      declarations: [...globalDec, component, withHost ? host : []],
+      imports: [...globalImports, NoopAnimationsModule],
       schemas: [],
-      providers: [],
+      providers: [...globalProviders],
       entryComponents: []
     };
   } else {
     component = merged.component;
     host = merged.host;
 
     moduleMetadata = {
-      declarations: [merged.declareComponent ? component : [], withHost ? host : [], ...(merged.declarations || [])],
-      imports: [merged.disableAnimations ? NoopAnimationsModule : [], ...(merged.imports || [])],
+      declarations: [...globalDec, merged.declareComponent ? component : [], withHost ? host : [], ...(merged.declarations || [])],
+      imports: [...globalImports, merged.disableAnimations ? NoopAnimationsModule : [], ...(merged.imports || [])],
       schemas: [merged.shallow ? NO_ERRORS_SCHEMA : merged.schemas || []],
-      providers: [...(merged.providers || [])],
+      providers: [...globalProviders, ...(merged.providers || [])],
       componentProviders: merged.componentProviders ? [merged.componentProviders] : undefined,
       entryComponents: [merged.entryComponents]
     };

projects/spectator/src/lib/globals-injections.ts

@@ -0,0 +1,15 @@
+import { TestModuleMetadata } from '@angular/core/testing';
+
+let globals: TestModuleMetadata = {
+  providers: [],
+  declarations: [],
+  imports: []
+};
+
+export function defineGlobalsInjections(config: TestModuleMetadata) {
+  globals = { ...globals, ...config };
+}
+
+export function getGlobalsInjections() {
+  return globals;
+}

projects/spectator/src/lib/index.ts

@@ -17,3 +17,4 @@ export * from './type-in-element';
 export * from './globals';
 export * from './mock-component';
 export * from './mock-directive';
+export * from './globals-injections';

src/app/app.module.ts

@@ -27,9 +27,10 @@ import { WidgetComponent } from './widget/widget.component';
 import { ZippyComponent } from './zippy/zippy.component';
 import { FormInputComponent } from './form-input/form-input.component';
 import { IntegrationModule } from './integration/integration.module';
+import { TranslatePipe } from './translate.pipe';
 
 @NgModule({
-  declarations: [AppComponent, ZippyComponent, ButtonComponent, HighlightDirective, CalcComponent, DynamicComponent, ConsumeDynamicComponent, ViewChildrenComponent, ChildComponent, WidgetComponent, AppUnlessDirective, WidgetComponent, ClickComponent, AutoFocusDirective, FgComponent, AsyncComponent, DomSelectorsComponent, HelloComponent, AsyncInputComponent, ComponentWithoutOverwrittenProvidersComponent, FormInputComponent],
+  declarations: [AppComponent, ZippyComponent, ButtonComponent, HighlightDirective, CalcComponent, DynamicComponent, ConsumeDynamicComponent, ViewChildrenComponent, ChildComponent, WidgetComponent, AppUnlessDirective, WidgetComponent, ClickComponent, AutoFocusDirective, FgComponent, AsyncComponent, DomSelectorsComponent, HelloComponent, AsyncInputComponent, ComponentWithoutOverwrittenProvidersComponent, FormInputComponent, TranslatePipe],
   entryComponents: [DynamicComponent],
   imports: [BrowserModule, HttpClientModule, ReactiveFormsModule, IntegrationModule],
   providers: [ChildServiceService, WidgetService, WidgetDataService],

src/app/hello/hello.component.ts

@@ -1,10 +1,11 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { TranslateService } from '../translate.service';
 
 @Component({
   selector: 'hello',
   template: `
     <div [style.width]="width">
-      <h1>{{ title }}</h1>
+      <h1>{{ title | translate }}</h1>
     </div>
 
     <div *ngIf="!widthRaw" style="color:red">widthRaw is not set</div>
@@ -24,4 +25,6 @@ export class HelloComponent {
   get width() {
     return typeof this.widthRaw === 'number' ? `${this.widthRaw}px` : this.widthRaw;
   }
+
+  constructor(private translate: TranslateService) {}
 }

src/app/translate.pipe.ts

@@ -0,0 +1,13 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { TranslateService } from './translate.service';
+
+@Pipe({
+  name: 'translate'
+})
+export class TranslatePipe implements PipeTransform {
+  constructor(private translateService: TranslateService) {}
+
+  transform(value: any, args?: any): any {
+    return this.translateService.transform(value);
+  }
+}

src/app/translate.service.ts

@@ -0,0 +1,10 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class TranslateService {
+  constructor() {}
+
+  transform(value: any) {
+    return value;
+  }
+}

src/setup-jest.ts

@@ -1 +1,9 @@
 import 'jest-preset-angular';
+import { defineGlobalsInjections } from '../projects/spectator/src/lib/globals-injections';
+import { TranslateService } from './app/translate.service';
+import { TranslatePipe } from './app/translate.pipe';
+
+defineGlobalsInjections({
+  providers: [TranslateService],
+  declarations: [TranslatePipe]
+});

src/test.ts

@@ -1,11 +1,18 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
 import 'zone.js/dist/zone-testing';
 import { getTestBed } from '@angular/core/testing';
 import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { defineGlobalsInjections } from '../projects/spectator/src/lib/globals-injections';
+import { TranslateService } from './app/translate.service';
+import { TranslatePipe } from './app/translate.pipe';
 
 declare const require: any;
 
+defineGlobalsInjections({
+  providers: [TranslateService],
+  declarations: [TranslatePipe]
+});
+
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
 // Then we find all the tests.