angular - 我如何使用 ngRedux 测试服务

Question

我如何使用 karma jasmine 模拟 ngRedux 的 getState

例如，我的服务通过 ngRedux 从商店获取值(value)。

this.ngRedux.getState()

Answer 1

我通过监视 getState() 方法解决了这个问题:

spyOn(MockNgRedux.getInstance(), 'getState').and.returnValue({ ... });

我不知道这是否是这样做的方法，但它对我的情况有效。不过，我不需要模拟任何花哨的状态修改，只需一个简单的 getState()。

MockNgRedux 是 @angular-redux/store 模块的一部分。您的测试可能看起来有点像这样:

...
import {MockNgRedux, NgReduxTestingModule} from '@angular-redux/store/lib/testing';

describe('MyTest', () => {
    beforeEach(async(() => {
        TestBed.configureTestingModule({
            ...
            imports: [
                ...
                NgReduxTestingModule
            ],
            providers: [
                ...
                MockNgRedux
            ]
        })
        .compileComponents();
    }));

    it('does something', () => {
        // set up
        spyOn(MockNgRedux.getInstance(), 'getState').and.returnValue({here: 'be my mock store'});
        spyOn(MockNgRedux.getInstance(), 'dispatch').and.stub();
        ....
        expect(MockNgRedux.getInstance().dispatch).toHaveBeenCalledWith(something);
    });
});

这是文档的链接:https://angular-redux.github.io/store/classes/mockngredux.html