azure - 在 CI 中 headless 运行时输出 cypress 浏览器日志消息

Question

我正在使用 cypress-io 和 cypress-axe 来运行浏览器测试并检查页面是否存在可访问性违规。

我有这个任务:

function reportA11yViolations(violations: Result[]) {
  const errors: string[] = [];

  violations.forEach((v: Result) => v.nodes.forEach((node: NodeResult) => {
    errors.push(node.failureSummary);
  }));

  cy.log(errors.join("\n"));
}

Cypress.Commands.add("checkA11yAndReportViolations", (context, options) => {
  cy.checkA11y(context, options, reportA11yViolations);
});

通过漂亮的浏览器应用程序运行时，我可以看到所有浏览器日志消息。

但是当我在 ci 环境中以 headless 方式运行时怎么办？

我是否可以在任何地方显示这些错误或将它们写入文件？

Answer 1

您可以将 cypress 日志输出到文件

cy.writeFile('accessibilityReport.txt', `${node.failureSummary} \n`, { flag: 'a+' });

a+ 会将结果附加到文件中。 jenkins 管道的构建工件应该具有这样创建的报告。