Lebron Q1. Playwright定位机制深度解析
Playwright作为现代Web自动化测试工具，其定位器(Locator)系统设计精巧且功能强大。与传统基于CSS/XPath的定位方式不同，Playwright提供了一套更符合用户视角的定位策略，能够有效应对现代Web应用中的各种复杂场景。
1.1 核心定位策略对比
Playwright主要支持以下几种定位方式：
- 文本定位：
getByText()通过可见文本匹配元素 - 角色定位：
getByRole()通过ARIA角色匹配元素 - 标签文本定位：
getByLabel()通过关联标签文本匹配表单控件 - 占位符定位：
getByPlaceholder()通过输入框占位文本匹配 - 测试ID定位：
getByTestId()通过专用测试属性匹配
这些定位器相比传统CSS/XPath具有三大优势：
- 更贴近用户实际交互方式
- 对DOM结构变化更具弹性
- 自动处理Shadow DOM等现代Web特性
1.2 定位器执行机制
Playwright定位器采用懒加载设计，具有以下特点：
javascript复制// 创建定位器时不会立即查询DOM
const submitBtn = page.locator('button:has-text("Submit")')
// 实际执行操作时才会解析定位器
await submitBtn.click() // 此时才真正查找元素
这种设计使得定位器可以：
- 支持链式调用
- 自动等待元素出现
- 在元素变化时自动重试
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 自定义选择器实战技巧
2.1 CSS选择器增强
Playwright扩展了标准CSS选择器，增加了多个实用伪类：
javascript复制// 匹配包含特定文本的元素
await page.locator('article:has-text("Playwright")').click()
// 仅匹配可见元素
await page.locator('button:visible').click()
// 复合条件匹配
await page.locator('button:has(span.icon):visibl