inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

강의자료 및 수강신청 전 참고사항

스토리북 테스트 실패 및 워크플로우 무기한 중단 문제 (Accessibility 테스트 강의)

해결된 질문

387

seungseopahn

작성한 질문수 3

1

안녕하세요.

 

제가 강의에서 놓친 부분일 수도 있겠지만, 스토리북 테스트 실패 및 워크플로우 무기한 중단 문제에 대해서 제가 해결한 방법을 공유드립니다.

 

[노드 버전]

스크린샷 2024-03-23 오후 10.03.40.png상단의 이미지처럼 워크플로우가 돌아가면서 노드 버전으로 인해 발생한 문제는 .nvmrc 파일에 작성된 노드버전을 조정하여 해결했습니다. (저의 경우에는 18.18.0)

 

[워크플로우]

스크린샷 2024-03-23 오후 10.06.22.png상단의 이미지는 워크플로우가 다음 단계로 넘어가지 않아 직접 워크플로우를 취소한 화면인데, 이 문제는 워크플로우의 스크립트를 수정하여 해결했습니다.

npx wait-on tcp:127.0.0.1:6006 && yarn test-storybook

해당 문제는 노드 버전으로 인해 발생된 것으로 보이며, 자세한 내용은 하단의 링크를 통해 확인하실 수 있습니다.

https://github.com/storybookjs/test-runner/issues/301

 

[스토리북 테스트 실패]

스토리북 테스트 명령어를 로컬에서 돌릴 경우, 강의를 따라가면서 생성한 스토리들과 컴포넌트에서는 문제가 없었으나,

Header, Page, LoggedIn(Smoke-test), LoggedOut(Smoke-test)... 

위와 같은 파일들에서 문제가 발생하는데, 해당 파일들을 모두 삭제하여 해결했습니다.

react typescript tailwind-css storybook ui-testing

답변 1

0

제이쓴

승섭님! 앞으로 강의를 들으실 분들도 마주칠 수 있는 문제인 것 같아요. 공유 감사합니다!

스토리북에 대해서

0

65

1

Storybook 10에서 argTypes에 action 설정 시

0

91

1

storybook setup

0

99

2

실무 적용 관련해서 질문이 있습니다!

0

75

2

storybook 프로젝트 세팅 중 궁금한 점이 있습니다.

0

146

2

스토리북 테스트에 대한 질문

0

106

2

tailwind 4.x 버전 변경된 CSS 추출(?) 커맨드

1

215

2

스토리북 테마에 대해 질문 드립니다.

0

164

2

테일윈드를 안쓰고 스타일 컴포넌트만 사용하는 환경에서는요?

0

149

2

[질문 x 공유용] tailwind v4.0 으로 강의랑 다를 때 (import 다름, tailwind.config.js 없어짐 등)

6

493

2

react-toastify 를 storybook에 출력 시키기

0

185

1

react에서 modal & portal 사용시 에는 어떻게 작성해야될까요

0

381

3

tsconfig

0

181

1

vite 초기설정

0

355

2

스토리 내 args에서 에러가 발생합니다.

0

216

2

Nextjs에서 tailwind를 사용할 때

0

287

2

제공해주시는 Figma 색상 코드가 강의와 달라 글 남깁니다!

0

148

2

Visual Test

1

130

1

NavigationBar 배경색

0

133

1

defaultValue 질문 드립니다!

0

129

1

svg를 public 말고 src>assets안에 넣는다면 import를 어떻게해야하나요?

1

273

2

index.tsx 빌드 오류

0

378

2

tailwind css 코드 스플릿팅이 가능한가요?

0

287

1

StoryBook 관련 궁금 사항입니다.

1

266

1