jsdomでは再現できないCSS/レイアウト/ビューポートのテストを、E2Eより軽量に実行できるPlaywright Component Testing。レスポンシブ対応の確認やビジュアルリグレッションテストなど、実践的なユースケースとコード例を紹介します。
「どのテストをどれくらい書くべき？」その悩みを解決。テストピラミッドとテスティングトロフィーの違いを理解し、React/TypeScript/Next.jsプロジェクトに最適なテスト戦略を実例付きで解説します。
Martin Fowlerのテストダブル分類を基に、Vitest + React Testing Libraryでの実装パターンを解説。vi.fn()、vi.spyOn()、vi.mock()の使い分けとベストプラクティスを紹介します。
「ESMモジュールのモッキングがうまくいかない」「どのクエリを使うべきか迷う」そんなReactテストの困りごとを、vi.hoistedパターンとTesting Libraryのベストプラクティスで解決します。
Shopify Themeで外部CMSを使いたいけど、クライアントサイド取得だとパフォーマンスが...。Webhook + SSRで事前にHTMLを生成し、Shopifyに同期するアプローチを解説します。
