付録

テスト開発に役立つ追加のコンセプトと情報を以下に示します。

Vitest は、人気が高まっているテストランナーおよびフレームワークです。このコースでは、特定の例が必要な場合は常にこのフレームワークを使用しますが、含まれるサンプルの多くは汎用性があり、選択したフレームワークに適用できます。

ほとんどのランナーやテスト フレームワークには多くの共通点があるため、このコースは、選択したスタックに関係なく役立ちます。Google は、次のような理由から Vitest に重点を置くことにしました。

  • 最新のもので、他のテストランナーとは異なり、設定や構成の作業はほとんど必要ありません。Vitest は Vite ビルドツールに基づいてビルドされていますが、既存のプロジェクトでは引き続き機能します。

  • また、インポート全体のモックなど、EcmaScript モジュール(ESM)との連携も優れています。いくつかの注意事項はありますが、他のツールよりも安定しています。

最も重要なのは、最も人気のあるランナーである Jest とほぼ互換性のある API を提供していることです。ただし、テストの構造とグループ化の方法は、使用するフレームワークに関係なく似ている傾向があります。複雑なテストダブルなどの高度な機能は、さらに逸脱する傾向があります。このコースでは Vitest を使用して説明しますが、常に汎用的なソリューションについても説明します。

コンポーネント モデルとして反応する

このコースでは、数学関数などの単純な JavaScript をテストする一般的なコード例を提供しますが、すぐに React コンポーネントのテストに移行し、その後、一般的なウェブ コンポーネントと Lit の使用について説明します。このコースでも Next.js を使用します。

これは現実的な選択肢です。批判にもかかわらず、React は State of JS 調査の参加者で最も使用されているフレームワークです。