Azure DevOps管道中Playwright升级后list reporter测试步骤显示异常求助

问题场景 #

在Azure DevOps管道（代理操作系统：Microsoft Windows Server 2022）中运行Playwright测试套件，执行流程为：

• 拉取项目代码
• 安装指定NodeJS版本
• 执行npm ci
• 运行npm run tests

已配置Playwright的list reporter（设置printSteps: true），用于在控制台输出测试步骤及颜色标识（成功绿色、失败红色）。但升级Playwright到1.40.x/1.41.2版本后，出现异常：

• 测试步骤不再显示，无颜色标识
• 添加环境变量PWTEST_TTY_WIDTH: '400'后，颜色恢复，但测试步骤重复输出

不同版本组合测试结果：

1. Node 18.18.2 + Playwright 1.39.0：list reporter正常显示步骤及颜色
2. Node 20.11.0 + Playwright 1.39.0：正常显示步骤及颜色
3. Node 20.11.0 + Playwright 1.40.0/1.41.2：无步骤及颜色输出
4. Node 20.11.0 + Playwright 1.40.0/1.41.2 + PWTEST_TTY_WIDTH: '400'：颜色恢复，但步骤重复

原因分析 #

Playwright 1.40+版本对list reporter的TTY（终端）检测逻辑做了调整：

• 在Windows Server 2022的Azure DevOps代理环境中，Playwright的终端检测机制误判当前输出环境为非TTY终端，因此自动禁用了步骤打印和颜色输出
• 手动设置PWTEST_TTY_WIDTH强制开启了TTY模式，但该环境下的终端输出缓冲机制导致步骤重复打印

最优解决方案 #

方案1：强制开启TTY模式 #

在Azure DevOps管道中添加环境变量，强制Playwright识别当前环境为TTY终端，无需调整PWTEST_TTY_WIDTH：

PW_FORCE_TTY: 1

保持Playwright配置中的printSteps: true即可，此方案能恢复步骤和颜色输出，且不会出现重复问题。

方案2：显式配置reporter的TTY属性 #

在Playwright配置文件（playwright.config.js/ts）中，为list reporter指定isTTY: true，强制启用TTY相关特性：

module.exports = {
  reporter: [
    ['list', {
      printSteps: true,
      isTTY: true // 强制开启TTY模式
    }]
  ],
  // 其他配置项...
};

方案3：切换兼容性更好的reporter #

若list reporter的问题持续，可切换到github reporter，它在CI环境下的输出兼容性更强，同样会展示测试步骤和状态颜色：

module.exports = {
  reporter: [['github']],
  // 其他配置项...
};

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