Я тестирую модуль, который отображает список кодов с сервера.
Ответ приходит в таком формате:
{
ContactActivityView :[
{
Code:"AB",
IsActive:false,
},
{
Code:"BC",
IsActive:true,
}
..
...
]
}
В моем файле component.ts я использую его следующим образом:
codesArray: ICodeModel[];
ngOnInit() {
this.getCodes();
}
getCodes() {
this.service.getCodes()
.subscribe((response: ICodeModel[] | []) => {
this.codesArray = response['ContactActivityView'];
},
error => console.log(error)
);
}
Он отлично работает, и я могу показать свои данные с помощью файла component.html:
..
...
<div class="message" *ngIf="codesArray.length === 0">
No Data Found.
</div>
<div class="tbl-row" *ngFor="let code of codesArray">
<div class="item">
{{ code.Code }}
</div>
<div class="item">
{{ code.IsActive }}
</div>
..
...
файл component.service:
..
...
getCodes(): Observable<ICodeModel[]> {
return this._service.get(this.codeURL);
}
..
...
Теперь, когда я запускаю свой файл component.spec, он выдает ошибку:
TypeError: Cannot read property 'length' of undefined
Я понял, что в .html мой codesArray
равен undefined
, из-за чего длина undefined
.
Я console
мой codesArray
. Он показывает данные в файле comp.ts, но приходит undefined
в файле comp.spec
Не уверен, что я делаю не так, поскольку я могу правильно отобразить данные, но почему-то мой тест не работает. Вот мой файл component.spec
..
...
class MockCodesService {
getCodes(): Observable<ICodeModel[]> {
return of([]);
}
addCode(param: ICodeModel){
return of({});
}
updateCode(param: ICodeModel) {
return of({});
}
}
describe('CodesComponent', () => {
let component: CodesComponent;
let fixture: ComponentFixture<CodesComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
CodesComponent
],
providers: [
{ provide: CommonCrudService, useClass: CommonCrudMockService },
{ provide: MessageService, useClass: MessageMockService },
{ provide: AppService, useClass: AppMockService },
{ provide: CodesService, useClass: MockCodesService }
],
schemas: [NO_ERRORS_SCHEMA]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CodesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
Спасибо.