运行测试后销毁App组件 _运行

少年击剑更吹箫，剑气箫心一例消。这篇文章主要讲述运行测试后销毁App组件相关的知识，希望能为你提供帮助。
我正在开发一个有角度的网站，我在运行单元测试时遇到了问题。我有这样的应用程序组件

export class Appcomponent { constructor(private service: SomeService) { service.init() } }

并且服务的init（）方法具有

init() { setInterval(() => { this.http.get(' /api/configuration/v1/log').map(res=> res).subscribe(() => {}); }, 30000) }

现在的问题是，当我运行这样的单元测试时，

describe('Appapponent', () => { let fixture: ComponentFixture< AppComponent> ; let app: AppComponent; beforeEach(() => { TestBed.configureTestingModule( { declarations: APP_DECLARATIONS, imports: APP_IMPORTS, providers: [APP_PROVIDERS, { provide: APP_BASE_HREF, useValue: '/' }] } ).compileComponents(); fixture = TestBed.createComponent(AppComponent); app = fixture.debugElement.componentInstance; fixture.detectChanges(); }); it('should create the app', () => { expect(app).toBeDefined(); }); });

当我运行测试时，测试运行正常，但http调用因设置间隔而继续运行，测试不会退出。如下所示

文章图片

【运行测试后销毁App组件】因此，构建会超时并失败。如何解决这个问题？请帮我。
编辑
COnfivguration补充道

module.exports = function(config) { config.set({ basePath: '', frameworks: ['jasmine', '@angular/cli'], plugins: [ require('karma-jasmine'), require('karma-phantomjs-launcher'), require('karma-chrome-launcher'), require('karma-junit-reporter'), require('karma-jasmine-html-reporter'), require('karma-coverage-istanbul-reporter'), require('@angular/cli/plugins/karma') ], client: { clearContext: false }, files: [ { pattern: './src/test.ts', watched: false } ], preprocessors: { './src/test.ts': ['@angular/cli'] }, coverageIstanbulReporter: { reports: ['html', 'lcovonly'], fixWebpackSourcePaths: true }, angularCli: { environment: 'dev' }, mime: { 'text/x-typescript': ['ts'] }, reporters: ['progress', 'kjhtml'], port: 9876, colors: true, logLevel: config.LOG_INFO, autoWatch: true, mime: { 'text/x-typescript': ['ts', 'tsx'] }, browsers: ['PhantomJS'], singleRun: false, captureTimeout: 200000, browserDisconnectTimeout: 2000, browserDisconnectTolerance: 3, browserNoActivityTimeout: 200000 }); };

答案我想知道什么

this.http.get(' /api/configuration/v1/log').map(res=> res).subscribe(() => {});

您为什么使用该代码以及它的用途。我认为代码什么都不做。请确保此代码真的是您的应用程序???。
问题

但无论如何都要到了这一点。你为什么在$http里面使用controller.component服务电话？它应该写在service.componenet部分内。因为那时只有你可以在单元测试时编写mock service而不是真正的服务。

那么，你想在UI单元测试中做什么您应该将此$http调用移动到服务类中，例如

export class SomeService{ constructor(private http: $http) {} get() { setInterval(() => { this.http.get(' /api/configuration/v1/log').map(res=> res).subscribe(() => {}); }, 30000) } }

然后你应该写一个相同的get()方法，在Mock Service class中返回模拟数据。

喜欢，

export class MockSomeService{ constructor(private http: $http) { } get() { return Observable.of({}); //{} send mock data which you want to be check } }