web-dev-qa-db-ja.com

サイプレスフォルダをプロジェクトのルートから移動します

サイプレスをインストールして実行すると、プロジェクトのルートにcypress/フォルダが作成されます。

問題は、他のすべてのテスト関連データがtest/フォルダーに格納されていることです。 test/cypressに移動して、そこにサイプレスを設定する簡単な方法はありますか?

11
Gleb Kost

サイプレスには、カスタムフォルダー構造を指定するいくつかの構成オプションがあります。

そのためには、プロジェクトのルートにcypress.jsonファイルがあり、サイプレスがtest/cypress/のファイルを適切に取得できるように、そこに次の構造を指定する必要があります。

{
  "fixturesFolder": "test/cypress/fixtures",
  "integrationFolder": "test/cypress/integration",
  "pluginsFile": "test/cypress/plugins/index.js",
  "screenshotsFolder": "test/cypress/screenshots",
  "videosFolder": "test/cypress/videos",
  "supportFile": "test/cypress/support/index.js"
}

詳細は cypress docs をご覧ください。

15
Gleb Kost

起動するコマンドラインから直接指定する場合は、ドキュメントに記載されているprojectフラグを使用できます。 https://docs.cypress.io/guides/guides/ command-line.html#cypress-run

cypress open --project test/cypress

これは、さまざまなアプリをテストするために複数のヒノキフォルダーを含むモノレポがある場合に特に便利です。

3
maxime1992

サイプレステストのファイル構造は次のとおりです。

cypress ├── fixtures │   └── example.json ├── integration │   └── example_spec.js ├── plugins │   └── index.js └── support ├── commands.js └── index.js | |__ cypress.json

このファイル構造を/test/に移動する必要があります。デフォルトでは、cypress.jsonは直接のcypressフォルダーを指します。

それ以外の場合は、cypress.jsonファイルで構成を上記の回答で述べた@GlebKostとして定義できます。

1
Akshay Bosamiya

cypress openまたはcypress runの実行時に作成されるサイプレスの「インストール」ディレクトリを移動する場合は、次の手順に従うことをお勧めします。

1)--project <directory>フラグを指定してサイプレスを実行します。ここで、ディレクトリは、サイプレスをインストールする場所です。私の場合、私はtestディレクトリを選択しました:

cypress open --project test

2)サイプレスは、スタートアップディレクトリを/test/cypressフォルダに作成する必要があります。 cypress.jsonファイルを/test(!)ディレクトリの直下に追加します。 TypeScriptを使用している場合は、tsconfig.jsonファイルもそこに追加できます。

3)cypress.jsonでは、テストサブディレクトリを比較的設定できます。私のファイルは:

{
  "projectId": "XXXXXX",
  "fixturesFolder": "cypress/fixtures",
  "integrationFolder": "ui",
  "screenshotsFolder": "cypress/screenshots",
  "videosFolder": "cypress/videos"
}

つまり、私のテストは/ test/uiディレクトリの下にあり、残りは/ cypress内にあります。私はフィクスチャ、プラグイン、スクリーンショット、ビデオ、サポート dirsのみを残し、残りは削除します。

問題なく動作します。お役に立てば幸いです。

0
Greg Woz