Cypress E2E 測試未在 gitlab.com 上以 CI 模式運行

Question

介紹

我們努力在 gitlab.com 的 CI runners 中設置 cypress。 我們使用 vue-cli 的默認藍圖來搭建項目。 我們嘗試了各種不同的 gitlab.yml 配置。 目前我們用完了 CI 分鍾，因為我們嘗試了很多不同的組合。

我們嘗試了不同的 docker 鏡像（來自： https : //github.com/cypress-io/cypress-docker-images/ ）並遵循了我們在此處找到的 Crypress 的最佳實踐： https ://gitlab.com/cypress -io/cypress-example-docker-gitlab/

我們只是沒有運氣讓它運行。 在花費數小時后，我們不確定是否可以使用 vue-cli 的默認設置運行 Cypress。

我們還在 vue repo 上創建了一個問題，但它被關閉了，作為參考，你可以在這里看到： https : //github.com/vuejs/vue/issues/10944

我們為問題報告填寫了默認的 vue 模板，但由於它不是真正的“JavaScript”問題，因此很難正確填寫。 但我們試圖提供盡可能多的信息。 在代碼筆中，您可以找到我們的結果。 HTML 列是輸出，JS 列是 YML 文件。 我希望你能以某種方式使用這些信息

版本

2.6.10

轉載鏈接

https://codepen.io/usamahamed/pen/WNbpdPE

重現步驟

這是 gitlab CI 管道結果，包括在 codepen 中它給出了這個

CypressError: cy.visit() failed trying to load:
We failed looking for this file at the path:
/builds/room/web/room-ui/ 

Answer 1

檢查您的.yaml文件，我認為您的應用程序沒有運行。

1. 沒有應用程序運行的日志
2. 沒有構建階段實現
3. test-e2e > before_script階段沒有啟動應用任務

所以我想建議：

1. 檢查您的構建階段。 你讓你的應用程序從哪里開始運行？
2. 檢查您的 before_script，添加一個步驟“npm ci”，如下所示：

https://gitlab.com/cypress-io/cypress-example-docker-gitlab/blob/master/.gitlab-ci.yml或https://github.com/cypress-io/cypress-example-kitchensink/blob /master/.gitlab-ci.yml

您還應該等待您的應用程序運行以開始測試。 您可以為此使用wait-on模塊： https : //github.com/jeffbski/wait-on