인프런 커뮤니티 질문&답변

눙엉님의 프로필 이미지
눙엉

작성한 질문수

실무에 바로 적용하는 스토리북과 UI 테스트

스토리북 관련 팀 컨벤션

해결된 질문

작성

·

254

0

팀 내 스토리북 도입으로 인해 관련 컨벤션을 정하려고 합니다. 컴포넌트를 수정하게 되면 스토리북도 필수로 같이 수정해야 된다는 룰 말고는 떠오르는게 없는데 혹시 강사님이 사용하시는 컨벤션을 알려주실 수 있나요?

답변 1

0

강병진님의 프로필 이미지
강병진
지식공유자

안녕하세요! 정확하게 어떤 컨벤션을 찾으시는걸까요?
스토리북 관련해서는 별도의 컨벤션 문서가 있는 것은 아니고,

  1. 새로운 UI 컴포넌트가 추가되면 스토리북에 추가한다

  2. 해당 컴포넌트의 디자인이 변경되면 컴포넌트의 스토리를 추가한다.

  3. [가급적이면] play를 활용해서 Integration Test를 작성한다

     

정도인 것 같습니다!

눙엉님의 프로필 이미지
눙엉
질문자

질문이 많이 부족했었네요. 답변해 주신 것처럼 스토리북 파일 관리 컨벤션에 대한 질문이었습니다.

그럼 1,2번에 대한 것을 강제화할 수 있는 게 있을까요? 예를 들어 husky를 이용해 에러가 발생되었을 때 commit이 안 되게 하는 것처럼 이러한 방법이 있는지 궁금합니다.

늦은 시간에도 빠른 답변 감사합니다.

강병진님의 프로필 이미지
강병진
지식공유자

안녕하세요!

강제할 수 있는 방법은 저는 시도해보지는 않았는데, 만약 스토리 작성을 강제해야한다면,

  1. 강의에서 보신것처럼 npm 패키지로 배포한 라이브러리만 사용해서 UI 컴포넌트를 생성하게하고,

    1. 해당 디자인시스템 레포에서 PR로 확인을 하거나

    2. pre-commit 과 같은 hook을 작성해서, UI 컴포넌트가 생성될때마다 해당 컴포넌트와 매핑된 스토리가 있는지 검증하는 방식

이 가능할 것 같습니다

눙엉님의 프로필 이미지
눙엉

작성한 질문수

질문하기