用途：为前端项目建立视觉回归测试，捕获功能测试遗漏的外观变化，如布局错位、样式回归。
主要能力：Playwright 内置 toHaveScreenshot、toMatchSnapshot 无需外部服务，基线随代码存储；托管工具 Chromatic（适配 Storybook）、Percy（多浏览器）、Argos CI（偏开源、预算友好）提供评审审批界面、跨浏览器渲染农场、历史追踪与 AI 差异分流。核心实践包括：用 mask、stylePath、page.clock.setFixedTime 与 page.route 遮蔽或冻结时间戳、头像、广告等动态内容；按组件与场景迭代调整 maxDiffPixels、maxDiffPixelRatio、threshold；用 Git LFS 与 snapshotPathTemplate 控制基线仓库体积；在 CI 与本地一致的 Docker 环境中生成平台标记基线。
使用方式：在测试中调用 toHaveScreenshot 并配置 animations: 'disabled'、caret: 'hide' 等选项；首次运行生成基线，后续比较；有意变更时执行 npx playwright test --update-snapshots，再用 npx playwright show-report 审查预期/实际/差异图，并提交更新后的基线供 PR 评审。CI 需上传截图与差异报告作为产物，并设置超阈值阻断合并。
适用场景与限制：适合营销页、设计系统组件、复杂布局等视觉关键页面，需预先确定视口矩阵。像素级严格阈值仅建议用于图标、徽标等小组件，整页宜用 maxDiffPixelRatio。资料未提供具体收费与价格细节；Lost Pixel 仓库已归档，不建议采用。功能测试不可被视觉测试替代。