Playwright测试中Firefox高对比度模式配置失效，如何解决？

针对你遇到的Firefox无法通过contextOptions: { forcedColors: 'active' }生效的问题，是因为Firefox对forcedColors的实现逻辑与Chromium不同，且Playwright 1.35.0版本对Firefox的该属性支持不完善，需要通过**Firefox用户首选项（firefoxUserPrefs）**来配置，具体方案如下：

可行配置示例 #

替换原Firefox配置为以下内容：

name: 'firefox-highContrast',
  use: {
    browserName: 'firefox',
    colorScheme: 'dark',
    firefoxUserPrefs: {
      // 启用forced-colors特性
      'layout.css.forced-colors.enabled': true,
      // 强制激活高对比度模式
      'layout.css.forced-colors.mode': 'active',
      // 确保无障碍功能未被禁用
      'accessibility.force_disabled': 0,
    },
  }

补充说明 #

1. 版本兼容性：Playwright 1.35.0属于较早版本，若上述配置仍未生效，建议升级到1.38+版本，新版本对Firefox的forcedColors支持更完善，可能直接兼容原Chromium的配置逻辑。
2. 系统环境影响：Fedora 38的系统无障碍设置不会影响Playwright启动的独立Firefox实例，通过firefoxUserPrefs配置是最可靠的方式。
3. 效果验证：配置完成后重新运行测试，截图查看是否符合预期的高对比度样式（白色前景+深色背景的强对比效果）。

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