在Angular单元测试中使用Ngxs时,必须确保在使用State或Action等Ngxs装饰器时正确设置了内联注释。如果这些注释没有正确设置,则测试可能会失败,或者只有一部分测试会成功。
以下是一个示例,演示如何在Angular单元测试中使用Ngxs正确设置内联注释:
import { TestBed } from '@angular/core/testing';
import { NgxsModule, Store } from '@ngxs/store';
import { MyState } from './my.state';
describe('MyState', () => {
let store: Store;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [NgxsModule.forRoot([MyState])]
});
store = TestBed.inject(Store);
});
it('should set some state', () => {
store.dispatch(new MyState.SetSomeStateAction('some state'));
store.selectOnce(MyState.getSomeState).subscribe(state => {
expect(state).toBe('some state');
});
});
});
在这个例子中,我们在Ngxs模块中注册了MyState,设置内联注释,然后使用getStore获取Store的实例,并在测试中使用dispatch方法分派一个设置state的Action。最后,我们使用selectOnce方法选择该状态的值,并在一个subscribe回调中断言它的值。
这个示例仅演示了如何正确应用内联注释,但Ngxs还有许多其他高级特性,比如将挂起的Actions作为单个Action执行,或者在状态上使用插件,都是值得探索的。