测试角分量引发Error失败，类型错误

Question

我已经定义了一个CustomError作为

export class CustomError extends Error { 
    constructor(message?: string) { 
     super(message); 
     Object.setPrototypeOf(this, CustomError.prototype); 
    } 
} 

，我想从角分量扔CustomError，例如

@Component({ 
    moduleId: 'module.id', 
    templateUrl: 'my.component.html' 
}) 
export class MyComponent { 
    someMethod(): void { 
     throw new CustomError(); 
    } 
} 

现在我想测试CustomError被抛出，所以我写了下面的测试

describe('MyComponent',() => { 

    beforeEach(async(() => { 
     TestBed.configureTestingModule({ 
      declarations: [MyComponent] 
     }).compileComponents(); 
    })); 

    beforeEach(async(() => { 
     fixture = TestBed.createComponent(MyComponent); 
     component = fixture.componentInstance; 
    })); 

    it('throws CustomError',() => { 
     expect(component.someMethod).toThrowError(CustomError); 
    }); 
}); 

该测试按预期通过。但是，如果现在我来介绍someProperty为MyComponent，即

@Component({ 
    moduleId: 'module.id', 
    templateUrl: 'my.component.html' 
}) 
export class MyComponent { 
    someProperty: string = "Why does this break it?"; 

    someMethod(): void { 
     console.log(this.someProperty); // This breaks it, why? 
     throw new CustomError(); 
    } 
} 

，并尝试使用在我测试功能属性（在这种情况下写入控制台），因为TypeError抛出我的测试失败 - 堆栈跟踪如下：

Expected function to throw AuthError, but it threw TypeError. 
     at Object.<anonymous> (webpack:///src/app/auth/login/login.component.spec.ts:46:32 <- config/karma-test-shim.js:68955:33) [ProxyZone] 
     at ProxyZoneSpec.onInvoke (webpack:///~/zone.js/dist/proxy.js:79:0 <- config/karma-test-shim.js:65355:39) [ProxyZone] 
     at Object.<anonymous> (webpack:///~/zone.js/dist/jasmine-patch.js:104:0 <- config/karma-test-shim.js:65071:34) [ProxyZone] 
     at webpack:///~/@angular/core/@angular/core/testing.es5.js:96:0 <- config/karma-test-shim.js:20767:17 [ProxyZone] 
     at AsyncTestZoneSpec.onInvoke (webpack:///~/zone.js/dist/async-test.js:49:0 <- config/karma-test-shim.js:64666:39) [ProxyZone] 
     at ProxyZoneSpec.onInvoke (webpack:///~/zone.js/dist/proxy.js:76:0 <- config/karma-test-shim.js:65352:39) [ProxyZone] 
     at AsyncTestZoneSpec._finishCallback (webpack:///~/@angular/core/@angular/core/testing.es5.js:91:0 <- config/karma-test-shim.js:20762:25) [<root>] 
     at webpack:///~/zone.js/dist/async-test.js:38:0 <- config/karma-test-shim.js:64655:31 [<root>] 
     at timer (webpack:///~/zone.js/dist/zone.js:1732:0 <- config/karma-test-shim.js:67191:29) [<root>] 

为什么这会抛出TypeError并打破我的测试？

Answer 1

您丢失了上下文this。

getJasmineRequireObj().toThrowError = function(j$) { 
    function toThrowError() { 
    return { 
     compare: function(actual) { 
     var threw = false, 
      pass = {pass: true}, 
      fail = {pass: false}, 
      thrown; 

     if (typeof actual != 'function') { 
      throw new Error('Actual is not a Function'); 
     } 

     var errorMatcher = getMatcher.apply(null, arguments); 

     try { 
      actual(); // call function reference component.someMethod 

我会写

expect(component.someMethod.bind(component)).toThrowError(CustomError);