'Assertion<HTMLElement>' 형식에 'toBeInTheDocument' 속성이 없습니다.ts(2339) (vitest,pnpm,react,ts)

vitest,pnpm,react,typecript에서 test 코드를 짜는데 toBeInTheDocument 속성이 없다고 나왔다.

에러 메시지는 뜨는데 또 테스트는 잘 돌아서 그냥 머지했는데

Npm publish에서 빨간줄이 떴다.

한참을 삽질하다가 이 링크 덕분에 해결했다.

 

그냥 해당 test 코드에 아래코드 추가해주면 해결된다.

import "@testing-library/jest-dom";

 

---

그 후에도 몇번의 사이드 이펙트를 해결한 후에야 배포가 되었다.

만들다가 중간부터 TDD를 하고 있는데, 얼른 test코드를 다 깔아야겠다.