如何使用 Angular 4 Jasmine 单元测试用例覆盖 IF/ELSE 条件

Posted

技术标签:

【中文标题】如何使用 Angular 4 Jasmine 单元测试用例覆盖 IF/ELSE 条件【英文标题】:How to cover IF/ELSE condition with Angular 4 Jasmine unit test case 【发布时间】:2018-05-24 19:55:23 【问题描述】:

帮助我覆盖 IF/Else 覆盖范围和返回 HTTP 响应的方法以及构造函数以覆盖 Jasmine 单元测试用例的路由器和 Appconfig 服务的分支覆盖范围

【问题讨论】:

【参考方案1】:

您可以使用 MockBackend 模拟 http 响应 参考:https://angular.io/api/http/testing/MockBackend

您可以轻松定义自己的响应并测试所有 if/else

// before each test 
beforeEach(() => 
    this.injector = ReflectiveInjector.resolveAndCreate([
      provide: ConnectionBackend, useClass: MockBackend,
      provide: RequestOptions, useClass: BaseRequestOptions,
      Http,
      // other dependencies like Router / AppConfig
    ]);
    this.authenticationService = this.injector.get(AuthenticationService);
    this.backend = this.injector.get(ConnectionBackend) as MockBackend;
    this.backend.connections.subscribe((connection: any) => this.lastConnection = connection);   
);


// in your test
const mockErrorResponse = status: 200;
this.lastConnection.mockRespond(new Response(new ResponseOptions(body: JSON.stringify(mockErrorResponse))));
tick();

【讨论】:

以上是关于如何使用 Angular 4 Jasmine 单元测试用例覆盖 IF/ELSE 条件的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Jasmine 为私有方法编写 Angular / TypeScript 单元测试

在 Angular 中使用 Jasmine 使用 *ngIf 指令时,如何对元素是不是可见进行单元测试

使用 Jasmine 进行 Angular 单元测试:如何删除或修改 spyOn

Angular 7:如何在 Jasmine 单元测试中解决 Hammer.js 依赖项

如何在 Angular 7 中使用 Karma/Jasmine 为 App_Initializer 编写单元测试用例

如何使用 angular9 和 Jasmine 为所有组件生成 .pdf 格式的单元测试用例代码覆盖率报告