react test library - not wrapped in act(...)

medium.com/@davidwcai/react-testing-library-and-the-not-wrapped-in-act-errors-491a5629193b

kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning

 

위의 두 글을 참고해도 좋지만 첨언하고자 한다.

 

useEffect를 통해서 마운트 후 즉시 fetch 결과를 setState로 변경할 경우가 있을 때 이런 에러가 발생하기도 한다.

대부분은 await screen.findBy* 구문을 통해서 해결할 수 있다.

 

문제는 해당 구문을 사용하지 않는 테스트 로직에서 발생하는데 해당 fetch후 state변경을 사용하는 테스트 로직에도 await screen.findBy* 구문을 넣어서 테스트 코드를 작성해주는게 좋다.