如何在测试错误信息中添加测试名称、路径及当前URL？是否可用custom reporter/hooks？

可行，两种方案均可实现 #

方案一：利用测试框架的Hook（以Cypress为例） #

通过测试失败触发的钩子函数，捕获错误并追加自定义信息。在cypress/support/e2e.js中添加以下代码：

Cypress.on('test:after:run', (test, runnable) => {
  if (test.state === 'failed') {
    // 获取当前测试的URL（可根据框架特性调整，比如Cypress可直接取baseUrl或页面当前URL）
    const currentUrl = Cypress.config().baseUrl || Cypress.$(location).attr('href');
    // 构造要追加的自定义信息
    const customErrorContent = `
Test name: ${test.title}
Test path: ${Cypress.spec.relative}
Test URL: ${currentUrl} 
`;
    // 将信息追加到错误消息末尾
    test.err.message += customErrorContent;
  }
});

如果需要把自定义信息插入到堆栈前，可修改test.err.stack，将内容插入到堆栈起始位置。

方案二：自定义Reporter（基于Mocha框架） #

如果你的测试基于Mocha（多数E2E框架如Cypress、Playwright都兼容），可以编写自定义reporter改写错误输出：

1. 创建custom-reporter.js文件：

const { Base } = require('mocha').reporters;

class CustomErrorReporter extends Base {
  constructor(runner) {
    super(runner);
    runner.on('fail', (test, err) => {
      // 获取测试基本信息
      const testName = test.fullTitle();
      const testPath = test.file;
      // 当前URL需提前在测试上下文存储（比如Cypress中可在测试里用cy.url().then(url => global.testUrl = url)）
      const currentUrl = global.testUrl || '无法获取URL';
      
      // 追加自定义信息到错误消息
      err.message += `
Test name: ${testName}
Test path: ${testPath}
Test URL: ${currentUrl} 
`;
    });
  }
}

module.exports = CustomErrorReporter;

2. 在测试配置中指定该reporter，比如Cypress的cypress.config.js：

const { defineConfig } = require('cypress');

module.exports = defineConfig({
  e2e: {
    reporter: './custom-reporter.js',
  },
});

关键注意点 #

• 不同测试框架的API有差异：比如Jest可通过setupFilesAfterEnv中的test钩子或testResultsProcessor实现类似逻辑。
• 当前URL的获取需结合框架特性：比如Playwright可在test.afterEach中通过page.url()获取并传递给错误处理逻辑。
• 并行测试场景下要注意上下文隔离，避免URL等信息被不同测试用例覆盖。

内容的提问来源于stack exchange，提问作者Erik