mcpField

Visual Regression Until Match

精选按需触发
测试最多 6 轮

关于 Visual Regression Until Match

该循环由手动触发,最多执行 6 轮,每轮运行带 @visual 标记的 Playwright 测试。若出现差异,编码 Agent 判断是有意的界面改动还是回归,再决定修复代码或保留变更,然后进入下一轮。

主要功能

  1. 01仅运行带 @visual 标记的测试
  2. 02最多 6 轮,避免无限重试
  3. 03以退出码判断结果,无需人工比对
  4. 04支持 Cursor

适用场景

  1. 01调整样式或组件后确认界面没有意外变化
  2. 02重构前端代码后核对视觉基线
  3. 03合并分支前排查截图差异
目标
视觉回归测试套件通过,且其中只包含有意的界面改动。
退出条件
视觉测试命令退出码为 0 时停止,达到 6 轮仍未通过也停止。
每轮之间运行
npx playwright test --grep @visual

启动提示词

在 Cursor 中粘贴运行,Agent 会按下面的步骤循环执行,直到满足退出条件。

prompt.md
开始运行“Visual Regression Until Match”循环。
目标:视觉回归测试套件通过,且其中只包含有意的界面改动。
最大轮数:6。
第 1 步:运行视觉测试 — 执行 npx playwright test --grep @visual,查看退出码和失败的截图对比。退出码为 0 即满足退出条件。 `npx playwright test --grep @visual`
第 2 步:区分差异来源 — 对每处差异,判断是有意的界面改动还是意外回归。依据是近期的代码变更和改动目的。
第 3 步:修复回归 — 对意外回归修改代码,使界面回到预期效果;有意改动则按项目约定更新基线。随后进入下一轮。
每轮之间运行:`npx playwright test --grep @visual`
退出条件:视觉测试命令退出码为 0 时停止,达到 6 轮仍未通过也停止。

步骤

每一轮按顺序执行;未满足退出条件会进入下一轮,最多重复 6 轮。

01
运行视觉测试

执行 npx playwright test --grep @visual,查看退出码和失败的截图对比。退出码为 0 即满足退出条件。

$npx playwright test --grep @visual
02
区分差异来源

对每处差异,判断是有意的界面改动还是意外回归。依据是近期的代码变更和改动目的。

03
修复回归

对意外回归修改代码,使界面回到预期效果;有意改动则按项目约定更新基线。随后进入下一轮。

未通过 → 下一轮满足条件即退出

支持的 Agent

可以直接运行这个 Loop 的编码 Agent。

Cursor

评论

支持 Markdown