Angular 10 的 ng 测试挂在 gitlab ci 上

Question

我正在配置 gitlab ci 来运行 Angular 10 测试。
但他们会闲逛（跑的时间超过 10 分钟）。
为什么会发生这种情况？怎么解决呢？

使用的应用程序已由 创建ng new <app-name>。

.gitlab-ci.yml

image: node:14.13.1-alpine3.12

before_script:
  - npm install @angular/cli

build:
  stage: build
  script: npm test --watch=false
  only:
    - master
    - merge_requests

来自 ci 的最新日志

Compiling @angular/router/testing : es2015 as esm2015
09 10 2020 09:32:21.905:WARN [karma]: No captured browser, open http://localhost:9876/
09 10 2020 09:32:21.911:INFO [karma-server]: Karma v5.0.9 server started at http://0.0.0.0:9876/
09 10 2020 09:32:21.912:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
09 10 2020 09:32:21.917:INFO [launcher]: Starting browser Chrome
09 10 2020 09:32:21.919:ERROR [launcher]: No binary for Chrome browser on your platform.
  Please, set "CHROME_BIN" env variable.
09 10 2020 09:32:26.975:WARN [karma]: No captured browser, open http://localhost:9876/

Answer 1

它不起作用，这是正常的，因为在像 gitlab-ci 这样的 CI 环境中，没有图形用户界面可用于在其中运行浏览器，就像您在本地环境中所做的那样，您必须配置PhantomJS或其他解决方案，您有更新你的karma.conf.js：

browsers: ['ChromeHeadless'],

如果你使用 PhantomJS

npm install --save-dev phantomjs-prebuilt karma-phantomjs-launcher

将此行添加到您的插件中

plugins: [
  require('karma-jasmine'),
  require('karma-phantomjs-launcher'),  // add this line 
  require('karma-jasmine-html-reporter'),
  require('karma-coverage-istanbul-reporter'),
  require('@angular/cli/plugins/karma')
],
...
browsers: ['PhantomJS'],

也许你需要为此添加一些填充

你可以在本地测试一下

ng test --watch=false