[React] fireEvent 대신 userEvent

userEvent

userEvent는 fireEvent를 사용해서 만들어졌다.
userEvent의 내부 코드를 보면 fireEvent를 사용하면서
엘리먼트의 타입에 따라서 Labeldmf zmfflrgoTdmfeo,
checkbox, radio 를 클릭했을 때 타입에 맞는 적절한 반응을 보여준다.

예를 들어서 fireEvent로 버튼를 틀릭하면 fireEvent.click(button) 버튼이
focus 되지 않는다.

하지만 userEvent로 클릭하면 userEvent.click(button)이 focus가 된다.
이렇게 실제 사용하는 유저가 보기에 실제 버튼을 클릭하는 행위가 더 잘 표현되기 때문에
fireEvent 보다 userEvent를 사용하는게 더 추천되는 방법이다.

참고

• https://testing-library.com/docs/user-event/intro/