Question

app.component.html

<button [disabled]="isDisabled()"></button>

app.component.ts

isDisabled(){

if(count==0) return true;
else return false;
}

app.spec.ts

let spy=(component,'isDisabled').and.callThrough();
component.ngOnInit();
expect(spy).toHaveBennCalled();

我从按钮禁用属性调用isDisabled()函数来启用或禁用该按钮。但是无法为同样的情况编写测试用例。测试用例显示成功且未找到代码覆盖率。

Answer 1

最好有一个属性isDisabled而不是一个函数。 count更改后，您更新属性isDisabled已更新。这更容易测试，并且在变化检测方面具有优势。

如果count是@Input：

_count = 0;

@Input() set count(count) {
  this.isDisabled = count === 0;
  this._count = count;
}

get count() {
  return this._count;
}

isDisabled = true;

如何编写从html调用的函数的测试用例

1 个答案: