리액트 테스트 라이브러리

온개발팀 지음

온노트 2024년 02월 27일 출간

작품소개

책소개

리액트 테스트 라이브러리(RTL)를 사용해 React 애플리케이션을 테스트하는 기술을 마스터하기 위한 종합 가이드인 "리액트 테스트 라이브러리"에 오신 것을 환영합니다. 이 책에서는 애플리케이션의 안정성과 품질을 보장하기 위해 React 컴포넌트에 대한 효과적인 테스트를 작성하기 위해 알아야 할 모든 것을 살펴봅니다.

1장, '리액트 테스트 라이브러리 소개'에서는 리액트 테스트 라이브러리가 무엇이고 소프트웨어 개발의 맥락에서 왜 필수적인지에 대한 개요를 제공합니다. 애플리케이션 안정성을 보장하는 데 있어 테스트의 중요성과 React Testing Library가 제공하는 구체적인 이점에 대해 설명합니다.

2장, '리액트 테스트 라이브러리를 위한 환경 설정하기'에서는 리액트 테스트 라이브러리를 위한 개발 환경을 설정하는 과정을 안내합니다. RTL을 설치하고, 최적의 코드 품질을 위해 Jest, Babel, ESLint, Prettier를 구성하고, 실습을 위한 샘플 프로젝트를 설정하는 방법을 다룹니다.

3장, '리액트 테스트 라이브러리의 핵심 개념 이해'에서는 리액트 테스트 라이브러리의 기본 개념과 테스트 철학을 살펴봅니다. RTL 렌더링 메서드, 요소에 액세스하기 위한 쿼리 방법, 비동기 코드 테스트에 대해 알아봅니다.

4장, 'RTL로 첫 테스트 작성하기'에서는 React 테스트 라이브러리를 사용해 첫 테스트 작성을 시작합니다. 테스트 케이스 생성, 어설션 작성, React 컴포넌트가 예상대로 동작하는지 테스트하는 방법을 다룹니다.

5장, '고급 테스트 시나리오'에서는 컴포넌트 상호작용, 폼 테스트, 사용자 이벤트를 사용한 통합 테스트와 같은 고급 테스트 시나리오를 살펴봅니다. 또한 업데이트 전반에서 UI 일관성을 보장하기 위한 스냅샷 테스트에 대해서도 다룹니다.

6장, 'React 테스트 라이브러리에서 모킹하기'에서는 모킹의 기본 사항과 RTL과 함께 Jest를 사용해 API 호출과 모듈을 모킹하는 방법을 다룹니다.

7장, 'React 테스트 라이브러리 사용의 프로 팁과 모범 사례'에서는 테스트 코드 구성, 데이터 테스트 속성 및 접근성 고려 사항 활용, 테스트 성능 최적화에 대한 유용한 인사이트를 제공합니다.

8장, 'React 테스트 라이브러리를 넘어서'에서는 Cypress를 사용한 엔드투엔드 테스트, RTL을 사용한 서버 측 테스트, RTL을 다른 테스트 프레임워크와 통합하는 방법을 살펴봄으로써 테스트의 지평을 넓힐 수 있습니다.

9장, 'RTL에서 테스트 문제 해결 및 디버깅'에서는 테스트 중 발생하는 일반적인 오류를 해결하기 위한 전략과 RTL의 디버그 기능을 사용하여 테스트를 효과적으로 디버깅하는 방법을 알아봅니다.

10장, '고급 주제 탐색하기'에서는 Redux로 React 애플리케이션 테스트하기, RTL로 React Hook 테스트하기와 같은 고급 주제를 살펴봅니다.

React 애플리케이션 테스트를 시작하려는 초보자든 테스트 기술을 향상시키려는 숙련된 개발자든 이 책을 통해 React 테스트 라이브러리를 사용해 강력하고 유지 관리가 가능한 테스트를 작성할 수 있습니다. 이 책과 함께 React 테스트를 마스터하는 여정을 시작하세요!

목차

1장 : 리액트 테스트 라이브러리 소개
___1. 리액트 테스트 라이브러리란?
___2. 소프트웨어 개발에서 테스트의 중요성
___3. 리액트 테스트 라이브러리의 장점
2장 : 리액트 테스트 라이브러리 환경 설정하기
___1. 리액트 테스트 라이브러리(RTL) 설치하기
___2. 리액트 테스트 라이브러리로 Jest 설정하기
___3. Jest 및 리액트 테스트 라이브러리를 위한 Babel 설정하기
___4. 코드 품질 향상을 위한 Eslint와 Prettier 설정하기
___5. RTL 실습을 위한 샘플 프로젝트 설정
3장 : 리액트 테스트 라이브러리의 핵심 개념 이해하기
___1. RTL의 테스트 철학과 가이드라인
___2. RTL 렌더링 방법 이해
___3. RTL의 쿼리 방법 이해
___4. RTL로 비동기 코드 테스트하기
4장 : RTL로 첫 테스트 작성하기
___1. 첫 테스트 케이스 생성하기
___2. 어설션 작성하기
___3. 리액트 컴포넌트 테스트하기
5장 : 고급 테스트 시나리오
___1. 컴포넌트 상호작용 테스트하기
___2. RTL과 Jest로 폼 테스트하기
___3. RTL 및 사용자 이벤트를 사용한 통합 테스트
___4. RTL을 사용한 스냅샷 테스트
6장 : 리액트 테스트 라이브러리에서 모킹하기
___1. 모킹의 기초
___2. RTL에서 API 호출 모킹하기
___3. Jest로 모듈 모킹하기
7장 : 리액트 테스트 라이브러리 사용의 프로 팁과 모범 사례
___1. 코드 구성 및 테스트 구조
___2. 데이터 테스트 속성 및 접근성
___3. 테스트 성능 최적화하기
8장 : 리액트 테스트 라이브러리 그 이상
___1. Cypress와 RTL을 사용한 엔드투엔드 테스트
___2. RTL을 사용한 서버 측 테스트
9장 : RTL에서 테스트 문제 해결 및 디버깅하기
___1. 일반적인 오류 및 해결 방법
___2. RTL 디버그 함수 사용하기
10장 : 고급 주제 살펴보기
___1. Redux를 사용한 리액트 테스트 라이브러리
___2. RTL로 React Hook 테스트하기

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.