angular5 单元测试 jasmine+karma答案

【问题标题】：angular5 unit testing jasmine+karmaangular5 单元测试 jasmine+karma
【发布时间】：2020-07-06 06:07:30
【问题描述】：

我想测试一个简单的方法：

ts 文件：

policyOptions(event): void {
    this.selectedPolicy = event.srcElement["value"];
    this.detectFormValueChanges();
  }

规范文件，我写的：

it("policyOptions function test case", () => {
    const mockSelectedPolicy = {"value": "DEFAULT"};
    component.policyOptions(mockSelectedPolicy);
    component.detectFormValueChanges();
  });

html代码：

    <input id="enable" (change)="policyOptions($event)" type="radio" value="ENABLED" name="antiPhishingSelectPolicy" class="radio__input" [checked]="selectedPolicy==='ENABLED'">

我收到错误："value is undefined"。我究竟做错了什么？我该如何解决？

我是 Angular 的新手，所以我发现单元测试很难克服。请帮忙。

【问题讨论】：

标签： angular unit-testing karma-jasmine

【解决方案1】：

我找到了解决办法，虚拟数据格式不正确。这是测试用例：

it("policyOptions method test case, when DEFAULT is the value", () => {
    const testevent = {
      srcElement: {
        value: "DEFAULT",
      },
    };
    component.policyOptions(testevent);
    expect(component.selectedPolicy).toEqual("DEFAULT");
    component.policyOptions(testevent);
  });

【讨论】：