I am facing an issue while creating an Angular Component with the help of TestBed. The error message I receive is as follows:
Error: Can't resolve all parameters for PriDateInput: (?). error properties: Object({ ngSyntaxError: true })
The component named PriDateInput contains a service called AppContextService that needs to be injected. My intention is to mock the AppContextService by substituting it with MockAppContextService.
Below is the content from the .spec file:
class MockWindowService extends WindowService {
get href() : string {
return "https://elevationfw-iridium-build.azurewebsites.net/Default/Azure-DEV/#/";
}
}
class MockAppContextService extends AppContextService {
constructor(){
super(new StorageService(), new MockWindowService());
}
getContext() {
let emptyContext: any = this.emptyContext;
emptyContext.user.culture = "en-US";
return this.emptyContext;
}
}
describe('AppContextService Test cases', () => {
let mockApp = new MockAppContextService();
let priDateInput: PriDateInput;
debugger;
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [PriDateInput],
providers: [
{
provide: AppContextService,
useClass: mockApp
}
],
});
priDateInput = TestBed.get(PriDateInput);
});
it('should be possible to instantiate it', () => {
expect(priDateInput).toBeDefined();
expect(priDateInput).not.toBeNull();
});
it('should be possible to instantiate it', () => {
expect(priDateInput).toBeDefined();
expect(priDateInput).not.toBeNull();
});
});
Here is an excerpt of my component:
import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Input, Output, EventEmitter } from "@angular/core";
import { AppContextService } from "./../../../../../services/appcontext.service";
import * as moment from 'moment';
@Component({
selector: "pri-date-input",
templateUrl: './input.date.component.html'
})
export class PriDateInput implements OnInit, OnDestroy {
.............................
@ViewChild("input") input: ElementRef;
@Input("domainType") domainType: String;
@Input("required") required: Boolean;
@Input("isLoading") isLoading: boolean;
@Input("isDisabled") isDisabled: boolean;
@Input("onWriteValue") onWriteValue: EventEmitter<string | null>;
@Output("onDateChange") onDateChange: EventEmitter<string> = new EventEmitter<string>();
constructor(
private _appContextService: AppContextService
) {
moment.locale(this._appContextService.user.culture);
}
ngOnInit(): void {
.......
}
ngOnDestroy(): void {
this.unsubscribeInputEvents();
}
......
}
If you require additional information, please feel free to ask :)