Vitest 1.xから2.xにアップデートにするとjest-domのメソッドがエラーになる
Vitestを1.xから2.xにアップグレードしたところ、testing-library/jest-domが提供するtoBeInTheDocumentやtoHaveAttribute、toHaveClassなどが見つからないというエラーになった。
エラー
Property 'toBeInTheDocument' does not exist on type 'Assertion<HTMLElement>'.
Property 'toHaveAttribute' does not exist on type 'Assertion<HTMLElement>'.
Property 'toHaveClass' does not exist on type 'Assertion<HTMLElement>'
調べてみたところ、Vitestの型定義が変更されたことで発生した問題らしい。
対処法
jest-domの型定義を読み込むことで解消できる。
// vitest.config.mts
// NOTE: jest-domの型を参照ディレクティブで読み込む
/// <reference types="@testing-library/jest-dom" />
import '@testing-library/jest-dom/vitest'
import * as matchers from '@testing-library/jest-dom/matchers'
import { expect } from 'vitest'
expect.extend(matchers)
fix: proper vitest ts support (#515)のPullRequestがマージされたら、参照ディレクティブも不要になるかも。