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

눙엉님의 프로필 이미지

작성한 질문수

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

스토리북 관련 팀 컨벤션

해결된 질문

24.04.02 22:11 작성

·

245

0

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

답변 1

0

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

2024. 04. 02. 22:28

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

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

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

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

     

정도인 것 같습니다!

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

2024. 04. 02. 22:31

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

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

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

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

2024. 04. 02. 23:10

안녕하세요!

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

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

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

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

이 가능할 것 같습니다

눙엉님의 프로필 이미지

작성한 질문수

질문하기