Angular 测试无法在 Github Action 中使用 ChromeHeadlessCI 运行

使用Github Actions在Angular项目中运行ChromeHeadlessCI测试的挑战与解决方案

yaml
name: Angular CI
on:
  push:
    branches:
      - main
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout repository
      uses: actions/checkout@v2
    - name: Set up Node.js
      uses: actions/setup-node@v3
      with:
        node-version: 14
    - name: Install dependencies
      run: npm install
    - name: Build Angular app
      run: ng build
    - name: Run tests with ChromeHeadlessCI
      run: ng test --watch=false --browsers=ChromeHeadlessCI
      env:
        CHROME_BIN: /usr/bin/google-chrome

json
"devDependencies": {
  "@angular/cli": "^12.0.0",
  "karma": "^6.3.4",
  // other dependencies...
}

javascript
module.exports = function(config) {
  config.set({
    // other configurations...
    browsers: ['ChromeHeadlessCI'],
    // other configurations...
  });
};

javascript
module.exports = function(config) {
  config.set({
    // other configurations...
    customLaunchers: {
      ChromeHeadlessCI: {
        base: 'ChromeHeadless',
        flags: ['--no-sandbox', '--disable-gpu'],
        executablePath: '/usr/bin/google-chrome',
      },
    },
    browsers: ['ChromeHeadlessCI'],
    // other configurations...
  });
};