角度 – 单元测试:即使添加到“提供者”,也不提供“InterceptableStoreFactory”

前端之家收集整理的这篇文章主要介绍了角度 – 单元测试:即使添加到“提供者”,也不提供“InterceptableStoreFactory”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在Angular应用程序中进行单元测试,我正在使用TestBed方法,

我正在测试组件,所以每个spec文件都是这样的

import...
describe('AppComponent',() => {
// Importing dependecies
    beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports : [RouterTestingModule,HttpModule,FormsModule ],declarations: [AppComponent
            ],providers: [AUTH_PROVIDERS,UserService,SharedclientService,RouteNavigator,JwtHelper,ReloadTokenService,ShopService,EnvVaRSService,ProfileService,LocalStorageService,ApiVersionInterceptor,ApiTrackingInterceptor,MonitoringService,{ provide: 'LOCAL_STORAGE_SERVICE_CONFIG',useValue: userConfig },TokenUtilService,HttpInterceptorService,{ provide: InterceptableStoreFactory,useClass: InterceptableStoreFactoryMock },ReloadTokenEventService,InterceptableStoreFactory

            ]

        }).compileComponents();
    }));
    // detecting changes every times
    beforeEach(() => {
        fixture = TestBed.createComponent(AppComponent);
        component = fixture.componentInstance;
        fixture.detectChanges();
    });

    // Test case 0 (compilation of the component)
    it('AppComponent is well defined',() => {
        expect(component).toBeDefined();
    });

    // Test case 1
    it('test',() => {
        expect("1").toBe("1");
    });
});

如果依赖项导入不好,这种测试方法会导致整个测试套件失败.

例如:在此测试套件中,它会抛出此错误

No provider for InterceptableStoreFactory!
It seems to be strange,as i’m importing this service in my providers (last one)

这导致几乎所有测试用例的失败,因为夹具导入的验证是“beforeEach”测试用例

我正在寻找更好的想法:

>“没有服务提供者”的问题(已经添加到提供者“

并为

>单元测试更好的测试方法

解决方法

您提供两次InterceptableStoreFactory.一次用模拟替换,一次用原版.尝试删除其中一个.

它可以帮助您为所有服务创建一个模块并将其放在“核心”文件夹中. (见Angular Style Guide)

这样可以更轻松地在测试和开发/生产中提供所有正确的服务,而无需如此重复.

猜你在找的Angularjs相关文章