App Routerで学ぶテスト実践会のレポート

CRANK

はじめに先日(2024/11/30)に「App Router で学ぶテスト実践会」を主催しました。 App Router のテストに関して情報が少なく、他社のエンジニアがテストをどのように行っているかを知りたいという思いがあったからです。また、この勉強会を通じて、新しいテスト手法があればそれを知りたいという思いもありました。実際にチャレンジした内容とその結果をレポートとしてまとめました。要件・仕様ログインページからダッシュボードページ、請求一覧、登録、編集、削除できるアプリケーションNext.js のチュートリアルで作成した管理画面に 1 からテストを導入するどこか 1 つのページにテストを書いて正常にパスがしていること設計やライブラリ選定はチームで決めてもらう実際のアプリケーションはこちらです。レポートPlaywright で E2E テスト@bukkan817, @hiroshi_mochy, @workspring9029当チームでは、まずアプリケーションの核となる部分に対して E2E テストを導入しました。「核となる部分」にテスト範囲を限定することで、スコープを明確に保ちながら、主要なユーザーストーリーやビジネスロジックを確実にカバーできます。さらに、徐々にカバレッジを拡大しつつ、ユニ…