Vitestと統合可能!StorybookでNext.js v16のコンポーネントテストを行う 後編 - App Routerでの設定・モジュールモック -
はじめに # ビジネスソリューション事業部の塚野です。 本記事は「Vitestと統合可能!StorybookでNext.js v16のコンポーネントテストを行う」の後編です。 前編では Storybook の導入や基本的な使い方についてご紹介しました。本記事では Next.js 固有の設定やモジュールモックなどについてまとめていきます...
記事を読むVitestと統合可能!StorybookでNext.js v16のコンポーネントテストを行う 前編 - 導入・基本編 -
はじめに # ビジネスソリューション事業部の塚野です。 皆さんはフロントエンド開発の際にコンポーネントのテストをどのように行っているでしょうか? 自分は最近になり、Storybook というオープンソースツールに入門しました。 https://storybook.js.org この Storybook は UI カタログを作成するサービスです。 コンポーネントをアプリ本体から切り離して単体で描画でき、Props や状態のパターンを「ストーリー」として整理ができます...
記事を読む
