Storybook의 MSW Mock 구조 개선

이 게시물은 카카오스타일의 파트너센터 서비스에서 UI 테스트와 문서화를 위해 Storybook과 MSW를 사용하는 방법에 대해 설명합니다.

문제점

• 스토리마다 MSW GraphQL mock을 개별적으로 정의하여 코드 중복 및 mock 누락 오류 발생

제안된 솔루션

새로운 구조를 제안하고, recast를 사용한 변환 스크립트를 작성하여 마이그레이션하는 과정도 다루었습니다.