Как написать тестовые случаи для функции, вызывающей из html

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() из свойства кнопки disabled, чтобы включить или отключить эту кнопку.Но не удалось написать тестовые случаи для того же.контрольные примеры, показывающие успех, и покрытие кода не найдено.

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;