如何处理或避免Playwright 1.39 JSON报告中的转义字符以提升可读性？

在Playwright 1.39中，JSON报告里的\u001b是ANSI颜色转义码——原本是用来在终端显示彩色测试结果的，但导出成JSON后就变成了影响可读性的冗余内容，以下几种方法可以解决这个问题：

方法1：运行测试时直接禁用颜色输出 #

最简单的方式是在执行测试命令时添加--no-color参数，让Playwright不生成带颜色的输出，自然就不会在JSON报告里出现转义字符：

npx playwright test --reporter json --no-color

如果是通过配置文件（比如playwright.config.ts）指定报告器，直接在运行命令里追加这个参数即可生效。

方法2：后处理已生成的JSON报告 #

如果已经生成了带转义字符的报告文件，可以用脚本批量清理。比如用Node.js写一个简单的处理脚本：

const fs = require('fs');
const reportPath = './playwright-report/report.json';
const cleanedReportPath = './cleaned-report.json';

// 读取原始报告
const rawReport = JSON.parse(fs.readFileSync(reportPath, 'utf8'));

// 匹配并移除所有ANSI转义序列的正则表达式
const ansiEscapeRegex = /\u001b\[[0-9;]*[a-zA-Z]/g;

// 递归遍历报告对象，清理所有字符串中的转义码
function stripAnsiCodes(obj) {
  for (const key in obj) {
    if (typeof obj[key] === 'string') {
      obj[key] = obj[key].replace(ansiEscapeRegex, '');
    } else if (typeof obj[key] === 'object' && obj[key] !== null) {
      stripAnsiCodes(obj[key]);
    }
  }
  return obj;
}

// 生成清理后的报告并写入文件
const cleanedReport = stripAnsiCodes(rawReport);
fs.writeFileSync(cleanedReportPath, JSON.stringify(cleanedReport, null, 2));

运行这个脚本后，就能得到一份没有转义字符、可读性更强的JSON报告。

方法3：自定义报告器（进阶） #

如果需要长期定制报告格式，可以写一个自定义报告器，继承Playwright的JSON报告器，在输出前自动移除转义字符。不过这种方式需要对Playwright的报告器API有一定了解，适合有定制化需求的场景。

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