サイプレスをインストールして実行すると、プロジェクトのルートにcypress/
フォルダが作成されます。
問題は、他のすべてのテスト関連データがtest/
フォルダーに格納されていることです。 test/cypress
に移動して、そこにサイプレスを設定する簡単な方法はありますか?
サイプレスには、カスタムフォルダー構造を指定するいくつかの構成オプションがあります。
そのためには、プロジェクトのルートに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 をご覧ください。
起動するコマンドラインから直接指定する場合は、ドキュメントに記載されているproject
フラグを使用できます。 https://docs.cypress.io/guides/guides/ command-line.html#cypress-run
cypress open --project test/cypress
これは、さまざまなアプリをテストするために複数のヒノキフォルダーを含むモノレポがある場合に特に便利です。
サイプレステストのファイル構造は次のとおりです。
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として定義できます。
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のみを残し、残りは削除します。
問題なく動作します。お役に立てば幸いです。