在gitlab CI中运行testcafe失败

Question

我正在尝试在gitlab的CI管道中运行端到端测试（使用testcafe）。但是，我遇到了以下错误：

ERROR The Firefox 52.0.0 / Linux 0.0.0 browser disconnected. This problem may appear when a browser hangs or is closed, or due to network issues.

我的.gitlab-ci.yml如下：

stages:
  - test

before_script:
    - apt-get update -yqqq
    - apt-get install -y xvfb
    - apt-get install iceweasel -yqq
    - Xvfb :99 -ac &
    - export DISPLAY=:99

test-frontend:  
  image: node:7.7.4
  stage: test
  script: 
    - npm install
    - npm install -g testcafe@0.19.2
    - testcafe --list-browsers
    - testcafe firefox e2etests/tests/login.test.js
  tags:
    - vue

所以基本上我使用节点docker映像作为我的测试“阶段”并安装xvfb来“显示”浏览器。

输出ci gitlab：

npm info ok 
$ testcafe --list-browsers
Using locally installed version of TestCafe.
firefox
$ testcafe firefox e2etests/tests/login.test.js
Using locally installed version of TestCafe.
 Running tests in:
 - Firefox 52.0.0 / Linux 0.0.0

 Try to
ERROR The Firefox 52.0.0 / Linux 0.0.0 browser disconnected. This problem may appear when a browser hangs or is closed, or due to network issues.

Answer 1

要运行Firefox，还需要定义dbus:

  - Xvfb :99 -ac & 
  - export $(dbus-launch)

更新：

在 Xvfb 之前添加以下命令：

  - apt-get install -y dbus-x11

此外，请尝试下面的配置。我已经在gitlab上检查过了，它对我来说工作正常：

  stages:
    - test

  before_script:
      - apt-get update -yqqq
      - apt-get install -yqq xvfb
      - apt-get install iceweasel -yqq
      - apt-get install dbus-x11 -yqq
      - Xvfb :99 -screen 0 1280x720x24 -ac &
      - export DISPLAY=:99
      - export $(dbus-launch)

  test-frontend:  
    image: node:7.7.4
    stage: test
    script: 
      - npm install
      - npm install -g testcafe
      - testcafe --list-browsers
      - testcafe firefox e2etests/tests/login.test.js
    tags:
      - vue 

查看完整教程:将TestCafe与GitLab集成

Answer 2

几天前，我开始采用类似的方法。但我很快意识到木偶nodeAPI来管理headless chrome是我一直在寻找的，这是将TestCafe集成到GitlabCI中的最轻松、最好的方法。

在谷歌上有很多与这个问题相关的资源，由精通技术的开发世界的Kanya West编写，这超出了我的理解范围(因为我是一个只懂简单代码的愚蠢的开发人员)。

以下是我实现目标的方式：

npm install testcafe-browser-provider-puppeteer --save-dev

npm install testcafe --save-dev

这里是gitlab-ci

test_e2e_testcafe:
  stage: test
  image: alekzonder/puppeteer
  script:
    - cd app
    - npm install
    - npm start &
    - ./node_modules/.bin/testcafe puppeteer:no_sandbox path-to-test-folder/yourtestfile.js
  except:
    - master
  tags:
    - autoscale