我已经覆盖了@ angular / core ErrorHandler,我正在尝试测试它,但是我收到了一个错误。该服务正常运行,但测试在某处失败。
异常handler.service.ts
import { Injectable, ErrorHandler, forwardRef, Inject } from '@angular/core';
import { BkHttp } from './http.service';
@Injectable()
export class BkExceptionHandlerService implements ErrorHandler {
constructor( private bkHttp: BkHttp) { }
handleError(error) {
let originalError = this.controlError(error);
this.sendToConsole(originalError);
this.sendToBitacora( originalError );
throw( error );
}
controlError(error: any): any {
let originalError: Object = this.findOriginalError( error );
return originalError;
}
findOriginalError( error: any ) : any {
while ( error && error.originalError ) {
error = error.originalError;
}
return( error );
}
getPrueba():string {
return 'prueba!!!';
}
sendToConsole(error:any): void {
try {
console.group( 'START ErrorHandler' );
console.error( error );
console.error( error.message );
console.error( error.stack );
console.groupEnd();
} catch (handlingError) {
console.group( 'START ErrorHandler' );
console.warn( 'Error when trying to output error. Pure Irony' );
console.error( handlingError );
console.groupEnd();
}
}
sendToBitacora(error:any): void {
let body: Object = {
name: error.name,
message: error.message,
stack: error.stack,
location: window.location.href
};
this.bkHttp.post('http://google.es', body).subscribe(res => { });
//this.bkHttp.post('http://fgooffglffffe.es', body);
}
}
这里是测试文件
import { Component, DebugElement } from '@angular/core';
import { TestBed, ComponentFixture, async } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { Observable } from 'rxjs';
import { Response, Http } from '@angular/http';
import { BkHttp } from './http.service';
import { BkExceptionHandlerService } from './exception-handler.service';
const ERROR_MESSAGE = 'Dummy Error';
@Component({
selector: 'dummy-component',
template: `<button (click)="throwError()">Throw an error!!!</button>`
})
export class MockComponent {
public throwError(): void {
throw Error(ERROR_MESSAGE);
}
}
describe('FancyService without the TestBed', () => {
let bkExceptionHandlerService: BkExceptionHandlerService;
let bkHttp: BkHttp;
let fixture: ComponentFixture<MockComponent>;
let loggerSpy: jasmine.Spy;
let consoleSpy: jasmine.Spy;
let errorObservableSpy: jasmine.Spy;
let comp: MockComponent;
beforeEach( async(() => {
TestBed.configureTestingModule({
declarations: [ MockComponent ],
})
.compileComponents(); // compile template and css
}));
beforeEach(() => {
bkExceptionHandlerService = new BkExceptionHandlerService(bkHttp);
loggerSpy = spyOn(bkExceptionHandlerService, 'controlError').and.callThrough();
consoleSpy = spyOn(console, 'error');
errorObservableSpy = jasmine.createSpy('log event observable subscription');
fixture = TestBed.createComponent(MockComponent);
comp = fixture.componentInstance;
fixture = TestBed.createComponent(MockComponent);
});
it('should log error to the console', () => {
let elem = fixture.debugElement.query(By.css('button'));
elem.triggerEventHandler('click', null);
expect(loggerSpy).toHaveBeenCalledWith(jasmine.any(Error), ERROR_MESSAGE);
});
});
最后是错误
Error: Error in ./MockComponent class MockComponent - inline template:0:0 caused by: Dummy Error in node_modules/@bankular/development-tools/config/karma-test-shim.js (line 49231)
你们能帮助我吗?
答案 0 :(得分:3)
我已经遇到了测试实现ErrorHandler的类的需要,并且走了与你相同的路径(但在我的情况下是一个引发错误的模拟服务)并遇到了同样的测试问题异常强制测试失败。这是一本需要重构以使某些内容更具可测试性的教科书示例。
它也打击了我,我还没有测试我的 handleError()的实现,还有angular2的ErrorHandler功能。换句话说,测试的集成度很高,我只需要与angular2的错误功能隔离来测试我的 ErrorHandlerService 服务。
这就是我做的事情
@Injectable()
export class ErrorHandlerService implements ErrorHandler {
constructor() {}
handleError(error: any): void {
this.processError(error);
throw error;
}
public processError(error: any) {
console.log(error);
}
}
和测试本身
it('correctly handles error', inject([ErrorHandlerService], (service: ErrorHandlerService) => {
const spy = spyOn(console, 'log');
const error: Error = new Error('ERROR');
service.processError(error);
expect(spy).toHaveBeenCalledWith(error);
}));
您不需要实际throw new Error()
,Angular2团队已经确认了这一点。