AI 写 Playwright 选择器，5 个模型 5 种 DOM 变异实测：i18n 团灭

Thu, 01 Oct 2026 00:00:00 +0800

让 AI 生成 Playwright 用例时，我关心的是它写的选择器在页面前端重构之后还能不能活。上一篇 AI 生成的 E2E 测试能抓到真 bug 吗测的是「能不能抓到注入的功能缺陷」，这篇测另一个维度——选择器本身在 UI 不变语义、只变结构/文案时的存活率。

实验设计

一个用户管理后台的静态 HTML，包含：新建按钮、搜索框、三行用户列表、行内编辑/删除按钮、分页器。把它喂给 5 个模型，让它们为 4 个操作各写一个 Playwright locator 表达式（getByRole(...) 或 page.locator(...)）。

然后做 5 个语义等价的 DOM 变异，让选择器逐一在 6 个页面上跑：

M1 CSS Modules：所有 class 换成 buttonPrimary_a3f9 这种带后缀的形式
M2 i18n 英文：整页文案换成英文（「新建用户」→「Create User」）
M3 包裹一层：按钮外包 <div class="action-area"><div class="action-inner">
M4 动态 id：id="create-user-btn" 变成 id="create-user-btn-a1b2c3"
M5 aria 语义化：button 换成 <a role="button"> 或 <span role="button">，加 aria-label

判定标准：locator 不仅能命中元素，而且命中的必须是语义正确的那一个（防止 click 落到相邻行的编辑按钮上——这种错误比断掉更糟，因为测试还是绿的，bug 已经漏了）。

每个模型 4 个选择器 × 6 页面，共 120 个执行格子：