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