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

제이크서님의 프로필 이미지
제이크서

작성한 질문수

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

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

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

해결된 질문

작성

·

285

1

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

 

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

 

 

답변 1

0

코드 조커, 오프님의 프로필 이미지
코드 조커, 오프
지식공유자

안녕하세요 서진규님!

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

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

제이크서님의 프로필 이미지
제이크서
질문자

저 에러를 보여주는 주체는 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)

코드 조커, 오프님의 프로필 이미지
코드 조커, 오프
지식공유자

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

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

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

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

 

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

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

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

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

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

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

 

제이크서님의 프로필 이미지
제이크서

작성한 질문수

질문하기