프론트엔드 테스트 비용과 효용 사이에서
프론트엔드 테스트의 비용과 효용을 배송 정보 렌더링 사례로 살펴본 글입니다. 테스트 기준 시각 고정, 공통화, 순서 검증으로 커버리지를 높인 과정을 정리했습니다.
#test#refactoring#Jest
18000
태그
Jest 기술 블로그 글
Jest 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 8개최신 8개 표시
관련 태그
최신 게시글
8개 표시
테스트 코드 작성 가이드(근데 이제 Jest를 곁들인)
테스트 코드의 기본 개념과 단위·통합·E2E 테스트의 차이를 정리했습니다. TDD와 BDD, 테스트 과잉과 과잉 명세까지 함께 살펴볼 수 있습니다.
#Jest#test#TDD
6300
테스트 코드 작성 가이드(근데 이제 Jest를 곁들인)
개발 속도와 품질 높이는 테스트 코드 도입 후기
프론트엔드 어드민 프로젝트에 테스트 코드를 소규모로 도입한 과정을 공유했습니다. 리팩토링 안정성과 개발 속도, 품질 보증 측면의 효과도 함께 정리했습니다.
#test#Jest#React
4300
Jest 활용 경험: 테스팅에 대한 고민과 통찰
Jest를 선택한 배경과 실제 활용 경험을 바탕으로 테스트 작성과 구조화 방법을 정리했습니다. 코드 품질 향상 효과와 함께 일부 성능 이슈도 함께 살펴보았습니다.
#Jest#test#JavaScript
2600
MSW - 더 나이스한 목킹을 위한 고민
MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.
#MSW#React#Jest
2300
나만의 Jest Matchers 만들기
Jest Custom Matcher를 만들어 반복적인 class 검증 테스트를 줄이는 방법을 소개했습니다. setup 파일 등록과 TypeScript 타입 선언까지 함께 다뤘습니다.
#Jest#test#TypeScript
800
나만의 Jest Matchers 만들기
MSW를 활용하는 Front-End 통합테스트
MSW를 통해 FE 통합테스트에서 API 모킹과 응답 제어를 쉽게 하는 방법을 소개했습니다. 검색 페이지 예시로 정상 응답, 엣지 케이스, 에러 처리까지 검증하는 흐름을 설명했습니다.
#MSW#통합테스트#Jest
3100
MSW를 활용하는 Front-End 통합테스트
댓글 모듈 레거시 걷어내기 with TDD
JavaScript와 jQuery 기반의 댓글 모듈을 Vue와 TypeScript로 재구성했습니다. TDD와 컴포넌트 분리를 통해 SPA에 맞는 사내 라이브러리로 배포했습니다.
#JavaScript#Vue#TypeScript
100
댓글 모듈 레거시 걷어내기 with TDD