목록 보기
Storybook의 MSW mock 구조 개선
프론트엔드

Storybook의 MSW mock 구조 개선

카카오스타일
카카오스타일
2023년 7월 17일

두줄요약

Storybook 스토리별로 흩어진 MSW GraphQL mock을 한곳으로 모아 관리하는 구조를 제안했습니다. recast 변환 스크립트로 중복과 누락 문제를 줄이는 마이그레이션 과정도 다뤘습니다.

문제 상황

  • Storybook 각 스토리마다 MSW GraphQL mock을 개별 정의
  • mock 코드 중복과 누락으로 인한 오류 빈발

해결 방법

  • 스토리별 mock을 한 군데로 모아 관리하는 구조 제안
  • recast 기반 변환 스크립트로 기존 정의를 마이그레이션

카카오스타일 계열사 채용8건

채용 사이트에서 전체 보기

다음 읽기

#MSW 주제를 다룬 다른 회사 글

MSW 모킹 코드 재사용하기 feat. Storybook, Jest

Storybook 스토리에 선언한 MSW 핸들러를 Custom Render로 Jest 테스트에서 재사용했습니다. 테스트 후 핸들러 초기화와 Node.js 절대 URL 처리 방법도 소개합니다.

카카오엔터테인먼트FE
카카오엔터테인먼트FE
프론트엔드
전체 보기

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...