用途：用自动化截图对比捕捉意外的界面变化，覆盖页面、组件、响应式视口与暗色模式等场景，并在 CI 中阻止回归合并。
主要能力：提供 Playwright、Chromatic、Percy 的选型与工作流（选工具、建立基线、配置阈值、接入 CI、评审变更、更新基线）；给出 Playwright 配置示例，包括 snapshotDir、maxDiffPixels、maxDiffPixelRatio、threshold、animations: 'disabled' 以及多设备 projects；示例覆盖整页截图、区域与组件（按钮/输入框多状态）、响应式视口、暗色模式与主题切换；并提供 Chromatic 的 Storybook 集成、CI 工作流与基线更新脚本。
使用方式：安装 npm install -D @playwright/test，执行 npx playwright install；按示例编写 *.visual.ts 并运行 playwright test；更新基线用 playwright test --update-snapshots。Chromatic 侧安装 npm install -D chromatic，在 CI 中使用 chromaui/action 并配置 projectToken。
限制与注意：需等待网络与字体加载，禁用动画以保证一致性，使用稳定的 data-testid 选择器并设置合理差异阈值；基线变更需人工评审。具体定价、平台支持与效果未在资料中提供。