inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

2.1. 단위 테스트란 무엇일까?

Storybook이 안켜져요

해결된 질문

712

조진형

작성한 질문수 4

1

강사님의 깃허브의 코드를 클론해서 npm i 까지 했습니다.
이후 npm run dev 나 npm run storybook dev -p 6006을 실행하면 오류가 떠서 켜지지가 않아요..ㅠ
살려주세요. 초기 세팅이 잘 안되네요

javascript react 소프트웨어-테스트 vitest

답변 2

0

코드 조커, 오프

추가 질문 없으셔서 마무리 하도록 하겠습니다! 추가로 궁금한 점 있으시면 편하게 질문 주세요~

0

코드 조커, 오프

안녕하세요

우선 이미 설치하신 node_modules를 삭제 하신 뒤 다음과 같은 순서대로 진행해보시겠어요?

$ git checkout unit-test-example

$ nvm use

$ npm ci

$ npm run dev 또는 npm run storybook

 

강의에서는 브랜치별 의존 버전이나 사용 노드 버전을 고정하기 위해 nvm 과 ci 설치 명령어를 사용하는데요!

또한, 실행은 npm 스크립트는 package.json에 명시된 것을 사용하시면 됩니다.

앞으로 강의 진행하시면서도 브랜치를 바꿔가시면서 위 과정을 수행하신다면 문제없이 실행이 되실 겁니다.

다시 수행 하신 뒤에도 실행이 안되시면 편하게 질문 남겨주세요! 감사합니다.

0

조진형

위의 방법대로 해봤지만 잘 안되네요..ㅠ

image

자꾸 nvm use에서 그림과 같은 오류가 뜹니다.

구글링을 통해 에러를 찾아봤는데, 혹시 node.js가 이미 설치되어 있어서 그런건가요?
그렇다면 기존의 node.js를 삭제하고 nvm을 다시 설치해야 하는 건가요?

0

코드 조커, 오프

nvm 설치 및 설정이 안된 걸로 보이는데요.
아래 공식 문서 참고하셔서 rc파일 설정해보시겠어요?

mockZustand

0

67

2

프로젝트 세팅 오류 및 버전 오류 문제 문의

0

97

2

toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.

0

43

2

로딩/에러처리 검증은 어떻게 하는게 좋을까요?

0

65

1

통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?

0

71

2

lint에러..

0

74

1

단언문 순서에 따라 테스트 결과가 왜 달라지나요?

0

109

2

useNavigate 테스트 시, 검증 대상 질문입니다.

0

113

2

강의 예시프로젝트 업데이트좀 부탁드립니다.

2

166

2

통합테스트와 단위테스트 파일 분리

0

109

1

grid 양옆에 margin은 어디서 설정되어있는건가요 ?

0

131

1

vitest 설치했는데

0

207

2

2부 할인쿠폰 관련

0

177

1

에러 해결 방법

0

407

2

직접 구현한 atom 컴포넌트 테스트 범위 질문

0

175

1

setup, teardown 동작 순서

0

212

1

debounce 함수 테스트 정확도 관련 질문입니다.

0

177

2

ProductFilter test 어떤 방식이 더 선호되는 방식일까요?

0

204

2

통합 테스트 작성 방식에 대해 궁금한 점이 있습니다

0

259

2

vitest Extension 알려주세요.

0

268

1

2.1 강의 질문있습니다.

0

140

1

useNavigate()을 검증할 때 이해가 안되는 부분이 있습니다.

0

248

2

toHaveStyle 메서드 사용이 조금 이상한 것 같습니다.

0

196

2

TestPayment에 쿠폰 정보를 prop으로 전달하는 이유

0

186

2