フロントエンドアプリケーションでは、End to End（E2E）テストによって、メンテナンスとアプリケーションのソフトウェア開発ライフサイクル（SDLC）を大幅に改善することができます。 E2Eは、変更を素早く検証し、アプリケーションの機能を文書化することができます。

今日、E2Eフレームワークにはいくつかの選択肢があります。Re:EarthでE2Eテストを構築するためにCypressを選択しました。

サイプレスディレクトリ

このディレクトリとファイルには、CypressでE2Eを構築するために使用するさまざまな構成が含まれています。それらはすべて以下に対応しています：

• fixtures テスト用のモックまたはスタブ応答を作成する場所です。
• integrationデフォルトで実際のテストの.spec.jsファイルを配置する場所です。
• pluginsCypressの動作を拡張することができます。
• screenshots　videosテストランナーがテスト実行の視覚的なコピーを保存する場所です（詳しくは次のセクションで説明します）。
• supportログインなどの起動タスクを繰り返す必要がないように、テストで参照できる 「コマンド」やボイルプレートの動作を定義することができます。

構成

プロジェクトのフォルダには、cypress.json 設定ファイルが配置されています。 このJSONファイルは、あなたが提供するあらゆる設定値を保存するために使用されます。

cypress.jsonの中に、以下の行があります：

{
  "projectId": "",
  "baseUrl": "<http://localhost:3000>",
  "testFiles": "**/*.spec.ts"
}

• projectIdは、プロジェクトを一意に識別するのに役立つ6文字の文字列（この例では空）です。