Angular 6, я объявляю некоторые введенные переменные в конструкторе моего компонента, но я не знаю, как настроить введенное значение в файле модульного теста, когда я запускаю ng test
, и это дает следующую ошибку:
Error: StaticInjectorError(DynamicTestModule)[title]:
StaticInjectorError(Platform: core)[title]: NullInjectorError: No provider for title!
//Мой компонент
export class ConfirmModalComponent extends BaseModal implements OnInit {
choosedCandidates: Array<any> = [];
constructor(
@Inject('title') public title,//injected variable
protected modalService: ModalService
) {
super();
}
ngOnInit() {
}
....
}
//spec file of my component
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ DelInterviewerConfirmModalComponent ],
imports: [ CheckboxModule, TranslateModule ],
providers: [
{ provide: title, useValue: 'modal title' },
ModalService,
RequisitionDetailService ],
schemas: [ CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA ],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(DelInterviewerConfirmModalComponent);
component = fixture.componentInstance;
component.title = "test";
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
Интересно, встречается ли кто-нибудь с такой же проблемой и как устранить ошибки, заранее спасибо.
Такие значения, как даты, числа и строки, должны быть заключены в Токен инъекции.
1.: Создайте токен инъекции:
export const TITLE = new InjectionToken<string>('title');
2.: Сделайте инъекцию, как сейчас:
constructor(@Inject(TITLE) private title: string)
3.: В своем тесте смоделируйте его с помощью InjectionToken:
TestBed.configureTestingModule({
declarations: [ DelInterviewerConfirmModalComponent ],
imports: [ CheckboxModule, TranslateModule ],
providers: [
{ provide: TITLE, useValue: 'modal title' },