Open3

VitestでTestingLibraryを使ったテスト

hisayuki morihisayuki mori

動機

今までのテストフレームワークだとjestがデファクトなイメージだけど、viteの登場後にVite ネイティブのVitestというフレームワークがでた。
https://vitest.dev/
https://github.com/vitest-dev/vitest

去年末にめでたくメジャーバージョンが上がったので使ってみたい。
そのためjestでしか出来ないことがなく、スピードが出るのであればvitestへ移行していきたい。

hisayuki morihisayuki mori

利用するライブラリ(仮)

lib version
vitest 1.3.0
@testing-library/react 14.2.1
jsdom 24.0.0
msw 2.2.0

検討ライブラリ

lib version
vitest 1.0.1
@testing-library/react 14.2.1
happy-dom 13.3.8
msw 2.2.0
hisayuki morihisayuki mori

happy-dom懸念

happy-domを使用することで、jsdomより早くはなるが以下の懸念点がある。
https://github.com/vitest-dev/vitest/issues/4730
現状はVitestのバージョンを1.0.2以上にすることで、エラーになってしまう。

この問題はhappy-dom側にあるため、Issueもhappy-dom側に作られている
https://github.com/capricorn86/happy-dom/issues/1180

コレに対する修正PRも出ているので、追々治るとは思う
https://github.com/capricorn86/happy-dom/pull/1194