SERIES

리액트 컴포넌트의 테스팅을 위한 React Testing Library

3 Posts·Last updated on May 23, 2023

React Testing Library

May 22, 2023

@testing-library @testing-library 는 사용자 중심의 관점에서 UI 컴포넌트를 테스트하는 것을 도와주는 라이브러리이다. 우리가 UI 요소에 대한 테스트를 하려면 요소를 생성하고, 특정 요소에 대해서 이벤트를 발생시키고, 결과값이 어떻게 되는지를 검사해야 하는데 는 이런 부분들을 도와주는 라이브러리라고 할 수 있다. 패키지…


Event

May 23, 2023

가 가상 DOM에 그린 요소에 대해서 특정한 이벤트를 동작시키기 위해서는 나 API 를 사용할 수 있다. fireEvent: 컴퓨터의 관점에서 실제로 DOM 이벤트를 발생시킨다. userEvent: 사용자의 상호작용을 그대로 시뮬레이션해서 이벤트를 발생시킨다. 예를 들어 어떤 되어 있는 버튼에 대해서 이벤트를 발생시킨다고 할 때 사용자는 그…


Queries

May 23, 2023

가 가상 DOM에 그린 요소를 가져오기 위해서는 전역 객체에 포함된 쿼리 메소드를 활용한다. 쿼리 메소드의 형태 쿼리 메소드의 형태는 형태로 존재한다. 예를 들어서 특정 텍스트 내용을 가진 단일 요소를 조회하려고 할 때는 메소드를 사용하고, 특정 역할을 가진 모든 요소를 조회하려고 할 때는 메소드를 사용하는 형태이다. 단일과 All 단일:…