inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

테스트 실행 중 에러가 납니다.

해결된 질문

420

제이크서

작성한 질문수 10

1

vitest 를 통해 실행하면 계속 위와 같은 에러가 나는데, 어떤 이유일까요?

 

커멘드라인을 이용해서 npm run test 를 입력하면 그 때는 테스트가 잘 이뤄집니다.

 

 

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

답변 1

0

코드 조커, 오프

안녕하세요 서진규님!

말씀해주신 내용을 토대로 살펴보면, 해당 테스트 파일이 테스트 환경이 아닌 프로덕션 빌드로 판단되고 있고, act코드가 프로덕션 빌드에서 사용되기 때문에 에러가 발생한다 라는 의미인 것 같은데요.

혹시 저 에러를 보여주는 주체는 어떤 걸까요? 특정 플러그인이나 환경으로 줄여서 조금 더 정보를 주실 수 있나요?

0

제이크서

저 에러를 보여주는 주체는 Vitest 익스텐션 인거로 추정됩니다.

 

TEST RESULT 에는 아래와 같은 로그가 남아있어요.

 

CLI 로 실행 가능해서 CLI 로 일단 떼우고 있긴 한데 UI 로 하나씩 실행하는게 안돼서 좀 답답하네요

 

 

API started at http://127.0.0.1:59700

(node:14594) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.

(Use node --trace-deprecation ... to show where the warning was created)

1

코드 조커, 오프

몇 가지 더 질문을 드려보려고 하는데요.

혹시 에러가 발생하는 파일은 저희가 작성한 경로의 동일한 파일명일까요?

경로 또는 파일명에 따라 설정이 다르게 적용될 수 있어 질문 드립니다.

(하지만, 정상적으로 해당 테스트 코드가 실행된다고 하니 아닐것 같기도 합니다.)

 

추가로 문제가 발생하시는 환경이 윈도우이신가요? vitest 플러그인 관련해서 문의가 종종 들어왔어서 아래 이슈를 같이 보면서 테스트 해보시는 것도 방법일 것 같습니다.

결국 익스텐션에서 어떤 방식으로 실행이 되고 있는지가 핵심일 것 처럼 보입니다.

https://code.visualstudio.com/api/working-with-extensions/testing-extension

vscode에서 테스트 익스텐션을 어떻게 실행하고 있는지 작성한 부분인데요.

실행되고 있는 vscode의 버전이나 또는 vitest에서 환경변수를 어떻게 넣어주고 있는지, 넣어주지 않았을 때 어떻게 동작할지가 명확하지 않아서 추가로 확인해봐야 할 것 같습니다.

만약 번거로우시다면 ui 모드를 활용해서 테스트를 클릭하면서 실행하시는 것도 우선은 임시방편으로 안내 드립니다. 감사합니다.

 

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