我為要測驗的組件設定了測驗環境，但不幸的是遇到了一些我無法理解的錯誤。
describe('HelloWorldComponent', () => {
let component: HelloWorldComponent;
let fixture: ComponentFixture<HelloWorldComponent>;
let cookieValue: string;
beforeEach(async(() => {
const cookieSvcMock = jasmine.createSpyObj<CookieService>('CookieService', ['check', 'get', 'set', 'delete']);
cookieValue = 'eyJ1c2VyX2lkIjoiNGJm.....';
mockedCookieService.check.and.returnValue(true);
mockedCookieService.get.and.returnValue(cookieValue);
const routes = [
{path: '/site1', component: AnotherComponent},
{path: '/site2', component: ComponentTwo}]
TestBed.configureTestingModule({
declarations: [HelloWorldComponent],
imports: [
FormsModule,
ReactiveFormsModule,
MatInputModule,
MatIconModule,
MatSlideToggleModule,
MatTooltipModule,
RouterTestingModule.withRoutes((routes)),
],
providers: [
{provide: ActivatedRoute, useValue: {params: of({id: 1})}},
{provide: CookieService, useValue: mockedCookieService},
]
}).compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HelloWorldComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
describe('get array of strings', () => {
let helloWorldComponent = new HelloWorldComponent(null,
new CookieService(document));
it('should return array', () => {
const text = '[email protected]<>';
const textArr = ['[email protected]']
let getTextArr: string[];
getTextArr = helloWorldComponent.getEmails(text);
expect(getTextArr).toBe(textArr);
})
})
但是在運行 ng test 時出現以下錯誤：
HelloWorldComponent > 應該創建 1.Error:
失敗：組件 AnotherComponent 不是任何 NgModule 的一部分，或者該模塊尚未匯入您的模塊。
Error: Component AnotherComponent is not part of any NgModule or the module has not been imported into your module.
at JitCompiler._createCompiledHostTemplate (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25915:1)
at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25891:1
at <Jasmine>
at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25888:1
at <Jasmine>
at JitCompiler._compileComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25877:1)
at http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25815:1
at Object.then (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:2166:27)
at JitCompiler._compileModuleAndAllComponents (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25813:1)
at JitCompiler.compileModuleAndAllComponentsAsync (http://localhost:9876/_karma_webpack_/node_modules/@angular/compiler/fesm2015/compiler.js:25775:1)
2 錯誤：
Error: Expected undefined to be truthy.
at <Jasmine>
at UserContext.<anonymous> (http://localhost:9876/_karma_webpack_/src/app/hello-world(hello-world.component.spec.ts:30:40)
at ZoneDelegate.invoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-evergreen.js:359:1)
at ProxyZoneSpec.onInvoke (http://localhost:9876/_karma_webpack_/node_modules/zone.js/dist/zone-testing.js:308:1)
規格 getArr 的錯誤：
InvalidTokenError：指定的令牌無效：無法讀取未定義的屬性（讀取“替換”）
at <Jasmine>
at Object../node_modules/jwt-decode/lib/index.js (http://localhost:9876/_karma_webpack_/node_modules/jwt-decode/lib/index.js:9:1)
at __webpack_require__ (http://localhost:9876/_karma_webpack_/webpack/bootstrap:79:1)
at Module../hello-world.component.ts (http://localhost:9876/_karma_webpack_/main.js:1036:69)
at __webpack_require__ (http://localhost:9876/_karma_webpack_/webpack/bootstrap:79:1)
at Module../src/app/hello-world/hello-world.component.spec.ts (http://localhost:9876/_karma_webpack_/main.js:900:80)
at __webpack_require__ (http://localhost:9876/_karma_webpack_/webpack/bootstrap:79:1)
at Module../src/test.ts (http://localhost:9876/_karma_webpack_/src/test.ts:10:1)
at __webpack_require__ (http://localhost:9876/_karma_webpack_/webpack/bootstrap:79:1)
at checkDeferredModules (http://localhost:9876/_karma_webpack_/webpack/bootstrap:45:1)
at http://localhost:9876/_karma_webpack_/webpack/bootstrap:152:1
我不確定這個問題是否太具體，不幸的是我已經在這里閑逛了很長時間，我不知道如何解決這個問題。任何幫助將不勝感激！
uj5u.com熱心網友回復：
問題是AnotherComponent沒有在TestBed. 這就是編譯器所抱怨的。
測驗中使用的所有組件都需要在 TestBed 中宣告（或通過宣告它的模塊匯入）
添加AnotherComponent到 TestBed 宣告，你應該沒問題：
TestBed.configureTestingModule({
declarations: [HelloWorldComponent, AnotherComponent],
...
您可能必須將 AnotherComponent 的依賴項添加到您的宣告/提供者/匯入中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/488716.html