Papio 框架生成器

Source: Dev.to

如果你曾经从事测试自动化，你一定了解选择器问题。你打开 DevTools，检查一个元素，然后手动编写类似下面的代码：

@class='container']//button[contains(text(),'Submit')]

两次迭代后，UI 发生了变化。类名不见了，测试失效。你修复它，循环无限重复。

在 QA 自动化领域工作了 20 多年——曾服务于 Toyota Connected、Caesars Digital 以及大型 Fortune 500 企业——我决定打造一直渴望的工具：Papio Selector。

核心问题：框架碎片化

每个框架都有自己的选择器 API。手动在所有框架之间保持一致既容易出错，又耗时。Papio 能够从一次检查中为所有框架生成惯用的代码。

Shadow DOM — 不容忽视的问题

Papio 自动处理 Shadow DOM 元素，确保即使组件被封装，选择器仍然有效。

选择器优先级算法

Papio 采用优先级策略生成最稳健的选择器：

1. data-testid / data-cy 属性（最稳固）
2. ARIA 角色和标签
3. ID 属性
4. 唯一的 CSS 类组合
5. 结构/位置选择器（最后手段）

这意味着 Papio 生成的选择器天生比手工编写的更能抵御 UI 变动。

安装并尝试

Papio 测试框架生成器 – Chrome 网上应用店