Как мы используем TestBed для компонентов с NativeScript? - PullRequest
Новая
       9

Как мы используем TestBed для компонентов с NativeScript?

1 голос
/ 19 марта 2020

Я пишу приложение с NativeScript 6+ и Angular 8+. Я пытаюсь написать несколько юнит-тестов и запустить их. Я прочитал документацию по модульному тестированию: https://docs.nativescript.org/tooling/testing/testing У меня есть несколько модульных тестов, работающих с простыми компонентами. например, 

import { ItemsComponent } from "~/app/item/items.component";
import { ItemService } from "~/app/item/item.service";

describe('Items Component Standard Test', () => {

    let  component: ItemsComponent;

    beforeEach(() => {
        component = new ItemsComponent(new ItemService());
    });

    it('should be defined', () => {
        expect(component).toBeTruthy();
    });

});
});

Я вижу, что мы можем тестировать Компоненты с зависимостями, создавая их экземпляры в конструкторах, а также с помощью фиктивных сервисов. https://angular.io/guide/testing#service -tests

Я пытался следовать учебному пособию на этой веб-странице, но постоянно получаю сообщение об ошибке:

пример кода и хранилища:

https://github.com/aquinn637/Fresh

import { ItemsComponent } from "~/app/item/items.component";
import { ItemService } from "~/app/item/item.service";
import { nsTestBedBeforeEach, nsTestBedAfterEach, nsTestBedRender } from "nativescript-angular/testing";

describe('Renderer E2E', () => {

    beforeEach(nsTestBedBeforeEach([ItemsComponent], [ItemService]));
    afterEach(nsTestBedAfterEach(false));

    it('should be defined',  () => {

        nsTestBedRender(ItemsComponent).then((fixture) => {
            expect(fixture.componentInstance).toBeTruthy();
        });

    });

Ошибка: 

CONSOLE WARN file:///node_modules/@nativescript/angular/testing/src/util.js:171:0: nsTestBedRender called without nsTestBedBeforeEach/nsTestBedAfter each. You are responsible for calling 'fixture.destroy()' when your test is done in order to clean up the components that are created.

CONSOLE ERROR file:///app/vendor.js:85281:30: Unhandled Promise rejection: 'expect' was used when there was no current spec, this could be because an asynchronous test timed out ; Zone: ProxyZone ; Task: Promise.then ; Value: Error: 'expect' was used when there was no current spec, this could be because an asynchronous test timed out ZoneAwareError(file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:1298:0)

at

at expect

at

at file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:138:0

at file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:883:0

at file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:188:0

at drainMicroTaskQueue(file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:595:0)

at file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:500:0

at timer(file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:1561:0)

at invoke(file:///node_modules/@nativescript/core/timer/timer.js:54:30)

at file:///node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:151:0

at file:///node_modules/@nativescript/core/timer/timer.js:18:0

at UIApplicationMain([native code])

at run(file:///node_modules/@nativescript/core/application/application.js:312:0)

at ../node_modules/nativescript-unit-test-runner/app/bundle-app.js(file:///node_modules/nativescript-unit-test-runner/app/bundle-app.js:3:0)

at __webpack_require__(file:///src/webpack/bootstrap:74:0)

at file:///src/main.ts:11:16

at ./main.ts<…>

19 03 2020 12:01:11.660:WARN [NativeScript / 13.3 (13.3; iPad)]: Disconnected (0NativeScript / 13.3 (13.3; iPad) ERROR

  DisconnectedClient disconnected from CONNECTED state (transport error)

NativeScript / 13.3 (13.3; iPad): Executed 4 of 4 SUCCESS (0.161 secs / 0.099 secs)

Возможно ли использовать TestBed для наших компонентов в NativeScript? Если да, можете ли вы предоставить пример того, как это сделать?

1 Ответ

1 голос
/ 19 марта 2020

Вы должны вернуть обещание, 

it("should be defined", () => {
    return nsTestBedRender(ItemsComponent).then(fixture => {
        expect(fixture.componentInstance).toBeTruthy();
    });
});
...