Angular 10的ng测试在gitlab中挂出

亚历克斯·埃林

我正在配置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/

法塔赫·穆罕默德（Fateh Mohamed）

它不起作用，这是正常的，因为在像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'],

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

你可以在本地测试