我在 Angular 4 下创建了一个应用程序。我已经从一个版本迁移到另一个版本,目前是最新的版本9。我正在审查我的测试。我有一个 Login 组件,我曾经有3个可工作的测试,现在全部都失败了。它现在返回以下内容:
LoginComponent should be created ...
Failed: unreachable
Error: unreachable
at injectableDefOrInjectorDefFactory (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17302:1)
at providerToFactory (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17402:1)
at providerToRecord (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17349:1)
at R3Injector.processProvider (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17165:1)
at http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17144:1
at http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1400:1
at Array.forEach (<anonymous>)
at deepForEach (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:1400:1)
at R3Injector.processInjectorType (http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:17140:1)
at http://localhost:9876/_karma_webpack_/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:16881:1
以下是Jasmine测试:
// File: login.component.spec.ts
import { async, ComponentFixture, TestBed, inject, fakeAsync, tick } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule, NgForm } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { of, throwError } from 'rxjs';
import { SelectItem } from 'primeng/api';
import { Dialog } from 'primeng/dialog';
import { Header, Footer } from 'primeng/api';
import { ButtonModule } from 'primeng/button';
//
import { AlertsService } from '../../global/alerts/alerts.service';
import { UserService } from '../../net-incident/services/user.service';
import { AuthService } from '../../net-incident/services/auth.service';
import { LoginComponent } from './login.component';
import { ServerSelectionWindowComponent } from '../../net-incident/server-selection-window/server-selection-window.component';
//
describe('LoginComponent', () => {
let sut: LoginComponent;
let fixture: ComponentFixture<LoginComponent>;
let alertService: AlertsService;
const authServiceSpy = jasmine.createSpyObj('AuthService',
['authenticate', 'logout', 'isLoggedIn', 'isLoggedOut']);
const userServiceSpy = jasmine.createSpyObj('UserService',
['emptyUser', 'getUser', 'getUserServer']);
//
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
FormsModule,
ButtonModule,
BrowserAnimationsModule
],
declarations: [
LoginComponent,
Dialog,
Header,
Footer,
ServerSelectionWindowComponent
],
providers: [
{ provide: AlertsService, useClass: AlertsService },
{ provide: AuthService, useValue: authServiceSpy },
{ provide: UserService, useClass: userServiceSpy }
]
} );
alertService = TestBed.get( AlertsService );
TestBed.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LoginComponent);
sut = fixture.componentInstance;
fixture.detectChanges();
});
it('should be created ...', () => {
expect( sut ).toBeTruthy();
});
});
useValue
取代useClass
,解决了问题,谢谢! - MikhailRatner