This library calls detect changes on every property change

@Component({
  template: `
    count: {{ count }}
    <button (click)="increment()">Increment</button>
  `
})
export class Counter {
  elementRef = inject(ElementRef)
  count = 0

  increment() {
    this.count++
    this.count++
    this.count++

    expect(elementRef.nativeElement).toHaveTextContent("count: 0")
  }
}

await render(Counter)

fireEvent.click(screen.getByText("Increment"))

Expected result: count: 0 Actual result: count: 3

This is not correct Angular behavior and breaks custom change detection strategies.

Proposal: Use ComponentRef#setInput to change component properties instead.

[timdeschryver]

This is released in v13 🥳 Thanks @antischematic !

[antischematic]

@timdeschryver Thanks for that, my tests are now passing 13.0.0-beta-9 without any issues.