龙空技术网

软件测试|web自动化测试神器playwright教程(三十三)

测试者穆勒 61

前言:

现在朋友们对“js radio触发选中事件”大致比较注意,咱们都需要分析一些“js radio触发选中事件”的相关知识。那么小编在网上搜集了一些有关“js radio触发选中事件””的相关文章,希望姐妹们能喜欢,我们一起来学习一下吧!

前言

我们在使用selenium进行web自动化测试工作时,有时需要通过添加显式等待的方式,判断元素是否可见或者是否可以点击,其实这些元素属性也可以用于断言中,playwright同样可以去获取元素的状态,用于我们的后续操作或者断言中。本篇文章就来给大家介绍一下playwright对元素状态的判断。

常见的元素状态判断方法

playwright提供了3种方式去获取元素状态并进行判断,分别是page对象调用判断方法,locator对象调用判断方法,元素句柄判断方法。

page对象调用的判断方法, 传一个selector 定位参数page.is_checked(selector: str) # checkbox or radio 是否选中page.is_disabled(selector: str) # 元素是否可以点击或编辑page.is_editable(selector: str) # 元素是否可以编辑page.is_enabled(selector: str) # 是否可以操作page.is_hidden(selector: str) # 是否隐藏page.is_visible(selector: str) # 是否可见locator 对象调用的判断方法locator.is_checked()locator.is_disabled()locator.is_editable()locator.is_enabled()locator.is_hidden()locator.is_visible()元素句柄的判断方法element_handle.is_checked()element_handle.is_disabled()element_handle.is_editable()element_handle.is_enabled()element_handle.is_hidden()element_handle.is_visible()

注:元素句柄(element_handle)是通过page.query_selector()方法调用返回的ElementHandle ,这种方法不常用。

locator 定位后判断元素

locator 对象调用的判断方法

locator.is_checked()locator.is_disabled()locator.is_editable()locator.is_enabled()locator.is_hidden()locator.is_visible()

is_checked() 用于判断checkbox or radio 的状态是否被选中,示例的html文件如下:

<!DOCTYPE html><html lang="zh-cn"><head>    <meta charset="UTF-8"></head>       <div>           <label>运动:               <input type="radio" name="sports" id="football" checked>足球               <input type="radio" name="sports" id="table tennis">乒乓球               <input type="radio" name="sports" id="basketball" disabled>篮球           </label>       </div>       <div>           <label>标签:               <input type="checkbox" id="a1"> 运动               <input type="checkbox" id="a2">看书               <input type="checkbox" id="a3" checked >休息               <input type="checkbox" id="a4" checked disabled>吃饭           </label>       </div></body></html>

使用locator方法判断元素属性,代码如下:

from playwright.sync_api import sync_playwrightwith sync_playwright() as pw:    browser = pw.chromium.launch(headless=False)    page = browser.new_page()    page.goto("page.html")    print(page.locator('#football').is_checked())    print(page.locator('#football').is_enabled())    print(page.locator('#basketball').is_checked())    print(page.locator('#basketball').is_enabled())----------------------------------------------------输出结果如下:TrueTrueFalseFalse
page对象调用判断

page对象调用的判断方法, 传一个selector 定位参数

page.is_checked(selector: str) # checkbox or radio 是否选中page.is_disabled(selector: str) # 元素是否可以点击或编辑page.is_editable(selector: str) # 元素是否可以编辑page.is_enabled(selector: str) # 是否可以操作page.is_hidden(selector: str) # 是否隐藏page.is_visible(selector: str) # 是否可见

仍然使用上述的HTML文件为例,代码如下:

from playwright.sync_api import sync_playwrightwith sync_playwright() as pw:    browser = pw.chromium.launch(headless=False)    page = browser.new_page()    page.goto("page.html")    print(page.is_checked('#a3'))    print(page.is_enabled('#a3'))    print(page.is_checked('#a4'))    print(page.is_enabled('#a4'))-------------------------------------------输出结果如下:TrueTrueTrueFalse
总结

本文主要介绍了playwright判断元素状态的方法,判断元素状态为我们的自动化工作提供了很好的依据,不管是操作元素还是进行断言,元素状态都可以为我们提供依据。

标签: #js radio触发选中事件