コンポーネントテストの方法4種類比較してみる（2025年版）

コンポーネントの挙動をテストしたいときに使える手段が増えてきており、新たに導入する際にはどの方法を選べばいいか迷います。 ここでは、コンポーネントテストの方法を 4 つ紹介し、それぞれのメリット・デメリットを比較します。 この記事で比較するコンポーネントテストの方法 jsdom (or happy-dom) + Vitest (or Jest) + Testing Library Storybook play function Playwright Component Test Vitest Browser Mode 除外したもの：Cypress component testing Cypress にも Component Testing がありますが、今回の調査対象からは外しています。 個人的・社内的に Cypress の使用例がなく、新たに導入するモチベーションがない Playwrig