問題タブ [e2e]

サイプレスの npm への依存は非常に大きいため、E2E テストの実行中にのみ考慮するために、e2e フォルダー内の独自の package.json に分けたいと考えています。

新しいe2e/package.jsonファイルを作成しました

フォルダ構造..

サイプレスの依存関係を移動する前のtsconfig.jsonの下

cypress openコマンドが認識されなくなりました。そのような移行を行うために従うべきさまざまな手順は何ですか? 前もって感謝します

この Cypress テストでは、cy.waitUntil npm パッケージを利用して、ローディング スピナーが存在しないのを待ってから、CI でのテストに失敗する競合状態のリスクなしにテストを実行し続けようとしています (現在、コマンドが失敗しているため、テストは失敗しています)。コンポーネントの読み込みがすべて完了する前に、ページ上で作成されます。

この最初の試みでは、値がスピナーをレンダリングするのと同じロジックに依存しているラッパー div の属性「data-cy-isLoading」から取得することにより、読み込み中のスピナーのステータスをアサーションしようとしました。

if( stillLoading === 'false')条件が満たされ、Trueが返された場合、cy.waitUntil コマンドは、waitUntil コマンドを終了して続行せずに無期限に再試行を続けます。テスト

このバリエーションも機能しませんでした。

次に、コマンド/アサーションでタイムアウトを使用して、スピナー自体の存在を単純にアサートしようとしました。

要素 [data-cy=spinningCircle] が見つからないとすぐに失敗したため、これらも機能しませんでした

https://github.com/cypress-io/code-coverageがインストールされたCypress v7.5.0 を使用しています。構成とセットアップについて特別なことは何もありません。説明のとおりです。

Docker コンテナ内で Vue3 テスト アプリをローカルで実行しています。ホストで Cypress を実行すると、カバレッジ、テスト、問題なく、すべて正常に動作します。ただし、別の docker コンテナー内からサイプレスを実行すると、コード カバレッジが原因でテストが失敗します。スクリーンショットを参照してください。

スクリーンショットだけでなく、コード カバレッジからエラーが発生することもわかっていますcypress run --env coverage=false。

これが私のdocker-composeセットアップです：

フェニックスはvue3アプリであり、フェニックスを自分に追加するとホストからうまく機能します/etc/hostsが、サイプレスコンテナ内から実行するとうまくいきません。Failed to fetchそのエラーの意味を知っている人はいますか？ところで、ファイルは書き込まれるので、カバレッジ フォルダーへの書き込みアクセスがあります。

ヒノキのエントリポイントはただ

コンテナを起動した直後にテストを実行しないようにします。私はコンテナにぶつかりcd e2e && cypress run、そこから逃げます。