Jasmine / Karma 错误，因为无法读取未定义的属性

Question

我正在尝试创建覆盖所有行（Jasmine / Karma），但我收到错误，因为 无法读取未定义的属性“搜索”

这是我的组件代码。

public search() {
  if (this.searchCompany.length) {
    let term = this.searchCompany;
    this.tempList = this.tempNameList.filter(tag => {
      if (tag.companyName.toLowerCase().indexOf(term.toLowerCase()) > -1) {
        return tag;
      }
    });
  } else {
    this.resetCompanies();
  }
}

这是我尝试过的规范的以下代码：

it('should search the data', () => {
  component.search;
  expect(component.search()).toBeUndefined();
});

我在这里做错了什么？

Answer 1

由于您的搜索方法有 if 语句 - 我们至少可以编写两个单元测试。

这是在没有搜索标签的情况下使用的——如果我们有空的searchCompany，我们希望resetCompanies会被调用：

  it('should resetCompanies if search is empty', () => {
    component.searchCompany = '';
    spyOn(component, 'resetCompanies').and.callFake(() => null);

    component.search();

    expect(component.resetCompanies).toHaveBeenCalled();
  });

这是针对我们有搜索标签并且搜索工作的情况 - 我们预计 tempList 数组最终将由一项 { companyName: 'test' } 组成，因为我们的搜索标签 test 匹配过滤器逻辑中的条件：

  it('should search company', () => {
    component.searchCompany = 'test';
    component.tempList = [];
    component.tempNameList = [
      { companyName: 'abc' },
      { companyName: 'test' },
      { companyName: 'def' },
    ];

    component.search();

    expect(component.tempList).toEqual([{ companyName: 'test' }]);
  });