如何使用protractor/cucumber/typescript在测试框架中进行无头模式截图

npm install -g protractor
npm install --save-dev cucumber @types/cucumber protractor-cucumber-framework
npm install --save-dev typescript ts-node

// protractor.conf.js
exports.config = {
  framework: 'custom',
  frameworkPath: require.resolve('protractor-cucumber-framework'),
  capabilities: {
    browserName: 'chrome',
    chromeOptions: {
      args: ['--headless', '--disable-gpu', '--window-size=1920,1080']
    }
  },
  specs: [
    'path/to/your/feature/files/**/*.feature' // 指定 feature 文件的位置
  ],
  cucumberOpts: {
    require: [
      'path/to/your/step/definitions/**/*.ts' // 指定步骤定义文件的位置
    ],
    strict: true
  },
  onPrepare: function() {
    require('ts-node').register({
      project: 'path/to/your/tsconfig.json'
    });
  }
};

import { After, Status } from '@cucumber/cucumber';
import { browser } from 'protractor';

After(async function(scenario) {
  if (scenario.result.status === Status.FAILED) {
    // 捕获屏幕截图
    const screenshot = await browser.takeScreenshot();
    this.attach(screenshot, 'image/png'); // 将截图附加到 Cucumber 报告中
  }
});

protractor path/to/your/protractor.conf.js