VSCode Vitest "이 작업 영역에서 아직 발견된 테스트가 없습니다." 오류 해결

vitest 라이브러리 설치와 extension 설치, 테스트 코드 작성까지 모두 다 한 이후, vitest extention을 이용하여 테스트를 실행하려고 할때 아래 이미지와 같이 테스트 항목이 뜨지 않는 오류가 있었다.

해당 이슈를 겪고 있는 사람들이 꽤나 많이 있다.

https://github.com/vitest-dev/vscode/issues/196

Vitest extension completely non functional on mac · Issue #196 · vitest-dev/vscode

해결방법

1. vitest extension plugin downgrading( -> v0.10.7)

vitest plugin에서 '제거' 오른쪽에 있는 드롭다운 버튼을 클릭하면 '특정 버전 설치' 버튼을 클릭하고 v0.10.7 버전을 설치해주면 된다.

2. vitest, @vitest/ui 라이브러리 버전 설정

나의 경우 1번으로 해결할 수 없었다. 설치된 vitest, @vitest/ui 패키지의 버전은 v0.33.? 이었는데 해당 버전이 문제였다.

찾아보니 vitest와 @vitest/ui의 버전이 1.6.0이어야 올바르게 동작한다고 한다.

따라서 패키지의 버전을 1.6.0으로 업데이트 시켜주었다.

npm uninstall @vitest/ui
npm uninstall vitest

npm install @vitest/ui@1.6.0
npm install vitest@1.6.0

버전을 잘 설정해주니 테스트가 제대로 실행됨을 확인할 수 있다.