testing

テスト

Neon データベースのブランチ機能、Playwright によるブラウザテスト、統合テスト、単体テストを含む完全なテスト環境です。ブランチは分離され、TTL による自動クリーンアップが行われます。

前提条件

次のレシピを順番に完了してください。

better-env による型安全な環境設定

better-env の設定モジュールを使用して、サーバー環境変数と公開環境変数への型安全なアクセス、機能フラグ、いずれか一方の認証情報を必須にする制約を設定します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup

Neon + Drizzle のセットアップ

Drizzle ORM を使用して Next.js アプリを Neon Postgres に接続し、Vercel のサーバーレス関数向けに接続プーリングを最適化します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup

クックブック — 次のレシピを順番に完了してください

Neon テストブランチ

テスト用に分離された Neon データベースブランチを作成します。TTL による自動クリーンアップに対応したスキーマのみのブランチ、テストサーバーのオーケストレーション、環境変数の管理を行います。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-test-branches

Bun による単体テスト

Bun の組み込みテストランナーで単体テストを設定します。高速で Jest 互換の構文、テストファイルの同一ディレクトリへの配置、モックに対応しています。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/unit-tests

統合テスト

Bun のテストランナーでハンドラーを直接インポートして、API ルートをテストします。HTTP のオーバーヘッドがない、高速で信頼性の高いテストを実現します。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/integration-tests

Playwright によるブラウザテスト

Playwright によるエンドツーエンドのブラウザテストです。完全なブラウザー自動化により、ユーザー操作、フォームの検証、ナビゲーション、視覚的なフィードバックをテストします。

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/playwright-tests

テストのベストプラクティス

テスト戦略とワークフローです。各スイートでデータを分離し、テストを並列実行します。UI には Playwright、API には統合テスト、ロジックには単体テストを優先してください。

bunx skills add andrelandgraf/fullstackrecipes/skills -s testing-best-practices