Next.js と Typescript のプロジェクトに Storybook を導入して Snapshot Test や Unit Test を試してみます。 この記事では現時点で prerelease 版の Component Story Format 3.0 (以後 CSF3.0) を使用した Story を作成します。 CSF3.0 については以下公式の記事を参考にしました。 CSF3.0 で 新たに追加される play 関数についても試してみます。 play 関数はフォームの値入力や button のクリックなどユーザーインタラクションを Story で表現できる便利な関数です。 play 関数のおかげで Storybook の表現の幅が広がり、Storybook の導入で Snapshot Test と併せて Unit Test が書きやすくなります。 個人的には Storyb