react act 이해하기

RTL로 테스트 코드 작성 중에 act 부분이 와닿지 않아서 구글링을 통해서 찾은 아주 귀중한 자료

github.com/mrdulin/react-act-examples/blob/master/sync.md

 

결로적으로 렌더링에 관여하는 모든 테스트 로직은 act 함수 안에서 실행하는게 확실한 테스트를 할 수 있는 방법

act 함수안에서 코드를 작성하지 않아도 성공하는 케이스가 있겠지만 이는 일부 운에 맡기는 처사나 다름 없음.

react는 동기식으로 렌더링 하지 않고 작업을 나눈 후 스케줄러를 통해 큐로 넣어 렌더링하는 방식이다. 따라서 렌더 이후에 테스트 코드가 실행되는 순간을 보장 하도록 act 라는 도우미 함수를 제공하게됨.