测试失败测试中的ngrx/效果命中成功操作

Question

我试着在我的效果中测试失败的动作，我模仿Brian Love's博客。然而，当我测试失败时，我收到一条错误消息，告诉我它期待一个成功的操作。

下面是我的代码：

search.service.ts：

    save(acronym: Acronym) {
    if (acronym.id) {
        return this.update(acronym);
    } else {
        return this.add(acronym);
    }
}

add(acronym: Acronym) {
    return this.db.collection(config.acronyms).add(acronym).then(() => this.search(acronym.code, acronym.project));
}

update(acronym: Acronym) {
    return this.db.collection(config.acronyms).doc(acronym.id).update(acronym).then(() => this.search(acronym.code, acronym.project));
}

effect.ts

    @Effect()
saveAcronym$ = this.actions$.pipe(
    ofType(acronymActions.SAVE_ACRONYM),
    map((action: acronymActions.SaveAcronym) => action.payload),
    mergeMap((payload) => {
        this._searchService.save(payload);
        return of(payload);
    }),
    map(data => new acronymActions.SaveAcronymSuccess(data)),
    catchError(error => of(new acronymActions.SaveAcronymFail(error)))
);

effect.spec.ts

        it("should return a SaveAcronymFail action, with an error, on fail", () => {
        const payload = {code: "SME", project: "SWAN"};
        const action = new fromActions.SaveAcronym(payload);
        const error = new Error();
        const result = new fromActions.SaveAcronymFail(error);

        actions = hot("-a", {a: action});
        const response = cold("-#|", {}, error);
        const expected = cold("--(b|)", {b: result});

        searchService.save = jest.fn(() => response);

        expect(effects.saveAcronym$).toBeObservable(expected);
    });

action.ts

export class SaveAcronymFail implements Action {
readonly type = SAVE_ACRONYM_FAIL;

constructor(public payload: Error) {}

}

reducer.ts：

        case AcronymActions.SAVE_ACRONYM_FAIL:
        return {...state, loading: false, loaded: true};

以及错误：

    expect(received).toEqual(expected)

Expected value to equal:
  [{"frame": 20, "notification": {"error": undefined, "hasValue": true, "kind": "N", "value": {"payload": [Error], "type": "[ACRONYM] Save Fail"}}}, {"frame": 20, "notification": {"error": undefined, "hasValue": false, "kind": "C", "value": undefined}}]
Received:
  [{"frame": 10, "notification": {"error": undefined, "hasValue": true, "kind": "N", "value": {"payload": {"code": "SME", "project": "SWAN"}, "type": "[ACRONYM] Save Success"}}}]

我试着修改框架，但没有成功。

Answer 1

尝试此代码effect.spec.ts

it('should return an fail action, with an error, on failure', () => {
  const user = generateUser();
  const action = new AddData({ user });
  const error = new Error();
  const outcome = new AddDatafail({ error });
  actions = hot('-a|', { a: action });
  const response = cold('-#|', {}, error);
  const expected = cold('--(b|)', { b: outcome });
  serService.saveSampleData = jest.fn(() => response);
  expect(effects.AddData).toBeObservable(expected););
});