ReactのテストをVitestのIn-Source Testingに寄せると体験良いので紹介させて欲しい！

はじめに 先日Vitest v1.0.0がリリースされました 🎉 記念してこの記事では私の推しである、Vitest の In-Source Testing を用いて Private Method だけをテストする手法を紹介させてください！ フロントエンドフレームワークに依存した話ではありませんが、React を例に紹介します。 明確なトレードオフがありどこでも採用できるものではないですが、一つの選択肢として参考にしていただければと思います。以下箇条書きとなります。 モチベーション フロントエンドテストの大変さ Component にしろ hooks にしろ下記に直面する Context Provider のモックが大変 API のモックが大変 テストのために、下記のようなライブラリを使うのが一般的で実行や学習コストが高くなりがち React Testing Library MSW その割