inflearn logo
강의

Course

Instructor

Frontend Testing for Immediate Application - Part 1. Testing Basics: Unit & Integration Tests

1.3. Introduction to Example Project

vitest 설치했는데

206

작성자 없음

0 asked

0

image.png

 

이렇게 발견된 테스트가 없다면서 8:39 화면처럼 테스트확장에 리스트가 출력되지않습니다..

 

브랜치받고 npm ci 까지 한 상태입니다.

커서 ide

 

참고로 0.2.42 버전 없어서 제일낮은 0.3 버전사용해도 못찾습니다 ..

 

Vitest v0.33.0 is not supported. Vitest v1.4.0 or newer is required.

 

이렇게 출려되는데 버전을 올릴까요 ?

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

Answer 2

0

hanjungv

안녕하세요. 답변이 조금 늦었네요 ㅠㅠ 죄송합니다.

지금 당장 vitest 플러그인을 사용하지 않아도 강의를 진행하시는데는 문제가 없습니다.

구체적인 원인은 조금 더 찾아보고 말씀 드리겠습니다만, 우선은 cli에 노출되는 결과를 기준으로 변경에 대한 부분이 테스트가 진행되니 강의를 진행해주시면 감사하겠습니다.

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. wjdgksak님.

Visual Studio Code(VSCode)에서 Vitest 확장을 사용하여 테스트 리스트를 볼 수 없다는 문제가 발생하셨군요. 이는 여러 요인에 의해 발생할 수 있습니다. Vitest 확장을 정확하게 설정하는 방법에 대해 설명드리겠습니다.

  1. Vitest 설치 및 설정 확인: Vitest가 제대로 설치되어 있는지 확인해주세요. package.json 파일에 Vitest가 devDependencies에 포함되어 있어야 하며, 최신 버전이 설치되어 있는지 확인하세요.

  2. node_modules 및 캐시 삭제 후 재설치:

    • 터미널을 열고 다음 명령어들을 사용하여 node_modules와 npm 캐시를 삭제하고 다시 설치해보세요:
    rm -rf node_modules
    npm cache clean --force
    npm install
    
  3. VSCode 재시작: 모든 설정 변경 후 VSCode를 다시 시작해 주세요. 일부 변경 사항은 재시작 후에야 적용될 수 있습니다.

  4. 확장 및 원인 점검:

    • 사용 중인 Vitest 확장의 버전이 문제일 수 있습니다. 이전 버전을 사용하는 것이 문제가 해결될 때까지 도움이 될 수 있습니다.
    • VSCode 내부 설정이나 충돌이 생겨 테스트 실행이 원활하지 않은 경우가 있을 수 있습니다. Vitest 설정과 관련한 구체적 옵션을 확인하고 필요시 수정하세요.
  5. 참고할 만한 다른 사용자의 해결 경험:

이 링크는 유사한 문제에 대해 다른 사용자들이 찾은 여러 방법과 해결책을 공유하고 있어 참고하시면 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

mockZustand

0

66

2

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

0

95

2

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

0

42

2

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

0

65

1

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

0

69

2

lint에러..

0

72

1

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

0

108

2

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

0

113

2

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

2

165

2

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

0

108

1

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

0

131

1

2부 할인쿠폰 관련

0

176

1

에러 해결 방법

0

406

2

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

0

175

1

setup, teardown 동작 순서

0

212

1

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

0

176

2

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

0

204

2

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

0

258

2

vitest Extension 알려주세요.

0

267

1

2.1 강의 질문있습니다.

0

139

1

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

0

247

2

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

0

195

2

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

0

185

2

NavigationBar 테스트 속도가 너무 느린 문제

0

218

1