Phase 5 / Ep 23: 教 Agent 像人类一样玩转 Playwright

在执行包含前端的任务清单（如 task_plan.md 里的：[ ] 完成日历拖拽与左侧列表的任务联通）时，由于 E2E 测试工作流的存在，Agent 必须先建立针对浏览器的操作规程。

1. 写出赛博模拟人的点击路径

不需要你去手写代码。给 Agent 这样一句话：

“请实现刚才的任务流。针对前端的新建与同步日历任务链，请为我建立完整的 Playwright 流测试，要求涵盖：登录进入态 -> 定位新建按钮 -> 填充表单 -> 点击提交，并且最后要断言页面右侧确实弹出了一个 Green 的吐司框 (Toast)。”

2. 最强 UI 护城河：分离绑定

聪明的 Agent 因为有了 e2e-testing.md 约束，在此刻它生成的代码会非常优质稳健： 它没有用传统的 page.locator('.bg-blue-500').click()。它先去修改了 React 组件： <button data-testid="task-submit-btn">提交</button>

然后再去测试代码里安稳地绑定这个不可变的标识： await page.getByTestId('task-submit-btn').click();

这也就是 AI 在进行系统化自我强化：由测试影响代码结构设计，反过来用健壮组件保护整个系统的稳固交接。