Я пытаюсь протестировать свое приложение Tour of Heroes Angular, используя мокко , chai & webpack . Я следил за этим постом , а также с помощью этого руководства , прошел настройку, исправил ошибки сборки и выполнил тесты.
Но мои тесты не пройдены, за исключением теста, в котором я не использую async()
в хуке beforeEach
.
Проходной тест
beforeEach(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule],
providers: [HeroService, MessageService]
});
httpTestingController = TestBed.get(HttpTestingController);
let mockHeroes = [...mockData];
let mockHero = mockHeroes[0];
// let mockId = mockHero.id;
heroService = TestBed.get(HeroService);
});
afterEach(() => {
httpTestingController.verify();
});
it('is created', () => {
expect(heroService).to.exist;
});
Неудачный тест
//imports
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { DashboardComponent } from './dashboard.component';
import { HeroSearchComponent } from '../hero-search/hero-search.component';
import { RouterTestingModule } from '@angular/router/testing';
import { HeroService } from '../hero.service';
import { expect } from 'chai';
...
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [DashboardComponent, HeroSearchComponent],
imports: [RouterTestingModule.withRoutes([])],
providers: [{ provide: HeroService, useValue: heroService }]
}).compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(DashboardComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should be created', () => {
expect(component).to.exist;
});
Ошибка трассировки стека
1) DashboardComponent
"before each" hook for "should be created":
Error: Expected to be running in 'ProxyZone', but it was not found.
at Function.ProxyZoneSpec.assertPresent (node_modules\zone.js\dist\proxy.js:42:19)
at runInTestZone (node_modules\zone.js\dist\async-test.js:202:23)
at D:\Practice\Tour-Of-Heroes\node_modules\zone.js\dist\async-test.js:185:17
at new ZoneAwarePromise (node_modules\zone.js\dist\zone-node.js:910:29)
at Context.<anonymous> (node_modules\zone.js\dist\async-test.js:184:20)
Я пытался Angular 5 Testing: ожидалось, что он будет запущен в ProxyZone, но он не был найден , так как я думал, что это какая-то ошибка с zone.js с использованием мокко , но безуспешно.
Кроме того, я пытался следовать Документация Мокко для асинхронного тестирования, но как новичок, это было несколько сложно для меня.
Я пробовал гуглить и даже в переполнение стека , но количество сообщений, касающихся углового тестирования с * 1061, ограничено * мокко .
Любая помощь, проходящая через это, ценится.