【E2Eテスト編】Playwright + Next.js App Router によるフロントエンドテスト

Learn modern front-end testing techniques with Playwright, a powerful framework from Microsoft. This course dives into end-to-end (E2E) testing using Playwright, a highly recommended technology championed by Kent C. Dodds, the creator of React-testing-library and a key contributor to Remix. Expect a growing trend of migration from Cypress to Playwright for robust E2E testing.

You'll gain practical experience testing a full-stack application built with:

• Front-end: Next.js 13 app directory
• Back-end: Next.js API routes, incorporating authentication and input validation with Zod.

Key topics covered include:

• Front-end E2E testing with Next.js app directory using Playwright.
• Creating test credentials using storageState for reliable testing.
• Implementing test cases for scenarios with and without authentication.
• Developing CRUD operation tests to ensure data integrity.
• Integrating GitHub authentication using NextAuth.
• Implementing authentication in Server Components (using cookies).
• Securing API routes with authentication.
• Implementing input validation with Zod in Next.js API routes.

This course equips you with the skills to build reliable and secure web applications through comprehensive end-to-end testing.