为什么这个 if 语句没有包含在 jasmine-karma-istanbul 记者中

Question

所以这是一个奇怪的例子，一个语句没有被 jasmin karma 测试运行器覆盖，这是正在测试的函数

aFunction(fewParams) {
   
    if (fewCondition) {
    
      let elements = document.querySelectorAll(`[id^=${aParam}]`);
      let anElement = find(elements, (el) => el.classList.contains('a-class-name'));
      if (anElement) {
         /* rest of the logic */
      }
      if (updatedConditions) {
        /*rest of the logic*/
      }
    }
  }

这是测试

 describe('aFunction', () => {
    it('it should do aFunctionality', () => {
      spyOn(document, "querySelectorAll").and.callFake(function() {
        return {
              value: true,
              classList: {
                remove: () => {},
                add: () => {},
                contains: () => { return ["a-class-name"] }
              }   
          }
      });
      componentInstance.aFunction("test", 1, true);
      expect(componentInstance.something).toBe(soemthing);
    });
  });

所以问题出在

if (anElement) { 

}

即使 querySelectorAll 的模拟函数返回具有所需值的类列表，语句也不会被覆盖。

你能帮我解决这个问题吗？

Answer 1

如果你监视一个元素，它看起来像是在吞噬任何运行时错误。

这与上一期非常相似，其中添加和删除未定义。这次的问题是，您正在模拟 querySelectorAll 方法，该方法需要 return 一个数组，以便定义 find 方法。您正在 return 查找对象，但对象上不存在查找方法。

你需要return这样的东西：

spyOn(document, "querySelectorAll").and.callFake(function() {
        return [{ // note the array here
              value: true,
              classList: {
                remove: () => {},
                add: () => {},
                contains: () => { return ["a-class-name"] }
              }   
          }]
      });

为什么这个 if 语句没有包含在 jasmine-karma-istanbul 记者中

Why this if statement is not covered in jasmin-karma-istanbul report

jasmine

istanbul

karma-jasmine

angular