如何在 karma 中模拟 mock 服务的失败？

Question

example.component.ts 中的可观察函数

public name: string;

this._cm.getData().subscribe(
    response => {
       this.name = response.name;
    },
    error => {
        this.name = undefined;
    }

模拟服务

public _cm = {
    data: {
        name: 'test'
    }

    getData(): Observable<any> {
        return Observable.of(this.data);
    }
}

在 example.component.spec.ts 中测试 observable 函数

// this test work corectly
it('Should set name property to "test"', () => {
    comp._cm.getData();
    expect(comp.name).toBe('test');  
}

it('Should set name property to undefined', () => {
    comp._cm.getData();
    expect(comp.name).toBe('undefined');  
}

但我不知道如何模拟错误响应getData()

Answer 1

您应该只使用Observable.create 创建Observable。有了这个，您可以控制何时应该发出错误。例如

public _cm = {
    error: false,
    data: {
        name: 'test'
    },
    getData(): Observable<any> {
        return Observable.create(observer => {
            if (this.error) {
                observer.error(new Error("Boo"));
            } else {
                observer.next(this.data);
            }
            observer.complete();
        })
    }
}

现在您可以控制测试中的错误

_cm.error = true;
// do test

另请参阅：

• Angular 2 - Testing error case with observables in services