付録

テストランナーとして Vitest

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

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

  • 最新のテストランナーであるため、セットアップや構成に必要な作業はほとんどありません。Vitest は Vite ビルドツールで構築されていますが、既存のプロジェクトで引き続き動作します。

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

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

コンポーネント モデルとしてリアクションする

このコースでは、数学関数などの単純な JavaScript をテストする一般的なコードサンプルを提供しますが、React コンポーネントのテストに移り、その後でウェブ コンポーネント全般を含め、Lit を使用します。このコースでは Next.js も使用します。

これは実用的な選択です。批評はあるものの、最近の State of JS 調査では、参加者の間で最も使用されているフレームワークは React です。