我正在设置一个NativeScript-Angular项目,并想使用Jasmine-Karma实现单元测试,以便使用css选择器测试我的组件。如何为一个简单的组件设置一个简单的单元测试(除了官方存储库中提供的样本测试之外)?
这是针对使用带有Android API级别28的NativeScript CLI 6.0的新项目的。
我已经尝试使用常规的Angular TestBed,据称此博客文章支持它:https ://www.nativescript.org/blog/announcing-the-nativescript-4.1-release
我还尝试在官方nativescript-angular存储库上遵循他们的工作测试:https : //github.com/NativeScript/nativescript-angular/tree/master/tests
无论哪种方式,在尝试执行自己的实现时,我似乎都在做错事,因为出现以下错误:
Uncaught Error: Zone already loaded
TypeError: Cannot read property 'injector' of null
TypeError: Cannot read property 'getComponentFromError' of null
TypeError: Cannot read property 'currentPage' of undefined
有没有人设法让Jasmine-Karma在NativeScript中使用TestBed单元测试?
test-main.ts
import "nativescript-angular/zone-js/testing.jasmine"; import { nsTestBedInit } from "nativescript-angular/testing"; nsTestBedInit();
example.ts
import { ItemsComponent } from '~/app/item/items.component'; import { By } from '@angular/platform-browser'; import { nsTestBedBeforeEach, nsTestBedAfterEach, nsTestBedRender } from 'nativescript-angular/testing'; describe('item-detail-component', () => { beforeEach(nsTestBedBeforeEach( [ItemsComponent] )); afterEach(nsTestBedAfterEach()); it(`should contain items`, () => { return nsTestBedRender(ItemsComponent).then((fixture) => { fixture.detectChanges(); const list = fixture.debugElement.query(By.css('.list-group')); expect(list).toBeDefined(); }); }) });
我希望能够运行测试而不会出现任何错误。
我为每个测试实现都包括了两个存储库。
重现步骤:
1.下载仓库
2. yarn install
3。tns test android
https://github.com/gsavchenko/nativescript-ns-testbed
更新
对于其他想知道如何使用端到端测试进一步测试前端的人,appium似乎是https://docs.nativescript.org/plugins/ui-tests