※다운로드하시면 더 선명한 자료를 보실 수 있습니다.
프런트엔드 코드는 사용자 환경과 밀접하게 연결되어 있고 복잡한 시각적 요소를 다루기 때문에 테스트를 자동화하기가 어렵습니다. 본 세션에서는 수년간 다양한 방식으로 테스트를 작성해 온 경험을 공유하며, 최신 테스트 도구를 사용해서 실용적으로 프런트엔드 코드를 테스트하는 방법을 설명합니다.
목차
1. 프런트엔드 테스트가 어려운 이유
2. 시각적 테스트 vs 기능적 테스트
3. Storybook을 사용한 시각적 테스트 자동화
4. 단위 테스트 vs 통합 테스트
5. Cypress를 사용한 컴포넌트 단위의 통합 테스트
대상
- 프런트엔드 개발자
- 프런트엔드 테스트에 관심 있는 분
■관련 동영상: https://youtu.be/q9d631Nl0_4