如何使用Playwright根据其他类文本定位单选按钮并检查其状态

实现思路 #

先锁定包含文本“playwright”的容器元素，再向上关联到它的父级mainitem，最后在这个范围内定位目标单选按钮，进而检查其启用状态。

Playwright代码示例 #

JavaScript/TypeScript版本 #

// 定位对应文本的单选按钮
const targetRadio = page.locator('.mainitem:has(.container:text("playwright")) .radiobutton');

// 检查按钮是否启用
const isEnabled = await targetRadio.isEnabled();
console.log(`单选按钮启用状态：${isEnabled}`);

Python版本 #

# 定位对应文本的单选按钮
target_radio = page.locator('.mainitem:has(.container:text("playwright")) .radiobutton')

# 检查按钮是否启用
is_enabled = target_radio.is_enabled()
print(f"单选按钮启用状态：{is_enabled}")

代码说明 #

• 用:has()伪类筛选出包含指定文本容器的mainitem，确保定位的是对应文本的那组单选按钮，避免误匹配其他元素。
• 在目标mainitem范围内查找radiobutton元素，精准锁定目标。
• 调用框架内置的启用状态检查方法，直接获取结果。

内容的提问来源于stack exchange，提问作者AKN