2 回答

• 0

  因此，关闭autowatch似乎是导致这种情况的原因 . 如果我重新打开它，它会起作用 . 当你通过ng测试运行它时，似乎将singleRun设置为true也没有效果 .

  如果你想使用autoWatch false和singleRun true运行它，你需要使用karma start . 老派FTW！

  更新：

  根据Angular-CLI usage docs，使用singleRun并且没有autoWatch：

  运行单元测试测试测试将在通过Karma执行构建后执行，它将自动监视您的文件以进行更改 . 您可以通过--watch = false或--single-run一次运行测试 .

  回复于 2024-04-29T15:40:59+08:00
• 0

  听起来你想要打开autoWatch并打开singleRun . 使用--config传递单独的配置文件进行测试 . 如果你想要调试测试时仍然保留原始配置，那么你也可以不显示chrome窗口 .

  进行以下配置文件更改并运行 npm run test:headless 或 ng test --config karma.conf.headless.js . 您还可以在ci环境中使用它来在vm中运行测试并记录测试结果 .

  添加新节点脚本以无头地运行测试 .

  的package.json：

  {
  ...
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "build": "ng build",
      "test": "ng test",
      "test:headless": "ng test --config karma.conf.headless.js",
      "lint": "ng lint",
      "e2e": "ng e2e",
      "e2e:headless": "ng e2e --config protractor.conf.headless.js"
    },
  ...
  }
  

  karma.conf.headless.js

  module.exports = function(config) {
    config.set({
      basePath: '',
      frameworks: ['jasmine', '@angular/cli'],
      plugins: [
        require('karma-jasmine'),
        require('karma-chrome-launcher'),
        require('karma-jasmine-html-reporter'),
        require('karma-coverage-istanbul-reporter'),
        require('@angular/cli/plugins/karma')
      ],
      client:{
        clearContext: false // leave Jasmine Spec Runner output visible in browser
      },
      coverageIstanbulReporter: {
        reports: [ 'html', 'lcovonly' ],
        fixWebpackSourcePaths: true
      },
      angularCli: {
        environment: 'dev'
      },
      reporters: config.angularCli && config.angularCli.codeCoverage
          ? ['progress', 'coverage-istanbul']
          : ['progress', 'kjhtml'],
      port: 9876,
      colors: true,
      logLevel: config.LOG_INFO,
      autoWatch: true,
      browsers: ['ChromeHeadless'],
      singleRun: true,
      customLaunchers: {
          ChromeHeadless: {
              base: 'Chrome',
              flags: [
                  // See https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
                  '--headless',
                  '--disable-gpu',
                  // Without a remote debugging port, Google Chrome exits immediately.
                  '--remote-debugging-port=9222',
              ]
          }
      }
    });
  };
  

  为了完整性，这里是量角器conf以及protractor.conf.headless.js

  const { SpecReporter } = require('jasmine-spec-reporter');
  
  exports.config = {
    allScriptsTimeout: 11000,
    specs: [
      './e2e/**/*.e2e-spec.ts'
    ],
    capabilities: {
      'browserName': 'chrome',
      chromeOptions: {
          args: [ "--headless", "--disable-gpu", "--window-size=1280x720" ]
      }
    },
    directConnect: true,
    baseUrl: 'http://localhost:4200/',
    framework: 'jasmine',
    jasmineNodeOpts: {
      showColors: true,
      defaultTimeoutInterval: 30000,
      print: function() {}
    },
    onPrepare() {
      require('ts-node').register({
        project: 'e2e/tsconfig.e2e.json'
      });
      jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
    }
  };
  

  回复于 2024-04-29T15:40:59+08:00