《最新出炉》系列初窥篇-Python+Playwright自动化测试-59 - 判断元素是否显示 - 上篇

1.简介

有些页面元素的生命周期如同流星一闪,昙花一现。我们也不知道这个元素在没在页面中出现过,为了捕获这一美好瞬间,让其成为永恒。我们就来判断元素是否显示出现过。

在操作元素之前,可以先判断元素的状态。判断元素操作状态也可以用于断言。

2.常用的元素判断方法

2.1page对象调用的判断方法

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) # 是否可见

2.2locator对象调用的判断方法

locator对象调用的判断方法

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

2.3元素句柄的判断方法

元素句柄的判断方法

  • 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 ,这种一般不常用。也不推荐使用。

3.项目实战

在自动化测试中,我们经常需要进行判断的一个场景。例如,有些操作,我们做了之后,会触发一些提醒,有些是正确的提醒,有些是红色字体显示的错误提示。我们自动化里面如何去捕获这些字段,如果进行测试自动化判断呢。这里就要用到今天所学习的方法了。宏哥这里用度娘的首页登录举例,判断"请填写验证码"这个字段是否出现。

3.1测试用例(思路)

1.访问度娘首页

2.定位首页的登录按钮,然后点击

3.弹出登录框定位短信登录按钮,然后点击

4.定位手机号输入框,然后输入手机号

5.定位协议,然后点击

6.定位登录框的登录按钮,然后点击

7.定位出现的"请填写验证码",然后判断。

3.2代码设计

按照宏哥在Selenium教程中的代码思路:

3.3参考代码

复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2024-05-09
@author: 北京-宏哥
公众号:北京宏哥(微信搜索:北京宏哥,关注宏哥,提前解锁更多测试干货!)
Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-59 - 判断元素是否显示
'''

# 3.导入模块

from playwright.sync_api import Playwright, sync_playwright, expect
def run(playwright: Playwright) -> None:
    browser = playwright.chromium.launch(headless=False)
    context = browser.new_context()
    page = context.new_page()
    page.goto("https://www.baidu.com/")
    # 定位首页的登录按钮,然后点击登录
    page.locator("//*[@id='u1']/a[1]").click()
    page.wait_for_timeout(300)
    # 弹出登录框定位短信登录按钮,然后点击
    page.locator("#TANGRAM__PSP_11__changeSmsCodeItem").click()
    # 定位手机号输入框,然后输入手机号
    page.locator("#TANGRAM__PSP_11__smsPhone").type("13734294156")
    # 定位同意协议点击
    page.locator("#TANGRAM__PSP_11__smsIsAgree").click()
    # 定位登录框的登录按钮,然后点击
    page.locator("#TANGRAM__PSP_11__smsSubmit").click()
    error_message = page.locator("//*[@id='TANGRAM__PSP_11__smsError' and text()='请填写验证码']")
    if error_message.is_visible():
        print("宏哥!元素存在")
    else:
        print("宏哥!元素不存在")
    page.wait_for_timeout(1000)
    print("browser will be close");
    page.close()
    context.close()
    browser.close()
with sync_playwright() as playwright:
    run(playwright)

3.4运行代码

1.运行代码,右键Run'Test',就可以看到控制台输出,如下图所示:

2.运行代码后电脑端的浏览器的动作。如下图所示:

5.方法二

第二个方法,就是先得到这个字符串用String变量保存下来,然后对两个字符串进行比较。其实这种方法前边已经用过,只不过是宏哥没有指出,就像前边文章中的toast元素,直接定位存储在变量里,然后将其的文本打印出,是不是啊各位小伙伴们或者童鞋们。

5.1代码设计

5.2参考代码

复制代码
# coding=utf-8🔥

# 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行

# 2.注释:包括记录创建时间,创建人,项目名称。
'''
Created on 2024-05-09
@author: 北京-宏哥
公众号:北京宏哥(微信搜索:北京宏哥,关注宏哥,提前解锁更多测试干货!)
Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-59 - 判断元素是否显示
'''

# 3.导入模块

from playwright.sync_api import Playwright, sync_playwright, expect
def run(playwright: Playwright) -> None:
    browser = playwright.chromium.launch(headless=False)
    context = browser.new_context()
    page = context.new_page()
    page.goto("https://www.baidu.com/")
    # 定位首页的登录按钮,然后点击登录
    page.locator("//*[@id='u1']/a[1]").click()
    page.wait_for_timeout(300)
    # 弹出登录框定位短信登录按钮,然后点击
    page.locator("#TANGRAM__PSP_11__changeSmsCodeItem").click()
    # 定位手机号输入框,然后输入手机号
    page.locator("#TANGRAM__PSP_11__smsPhone").type("13734294156")
    # 定位同意协议点击
    page.locator("#TANGRAM__PSP_11__smsIsAgree").click()
    # 定位登录框的登录按钮,然后点击
    page.locator("#TANGRAM__PSP_11__smsSubmit").click()
    error_message = page.locator("//*[@id='TANGRAM__PSP_11__smsError' and text()='请填写验证码']").inner_text()
    if error_message=="请填写验证码":
        print("宏哥!元素存在")
    else:
        print("宏哥!元素不存在")
    page.wait_for_timeout(1000)
    print("browser will be close");
    page.close()
    context.close()
    browser.close()
with sync_playwright() as playwright:
    run(playwright)

5.3运行代码

1.运行代码,右键Run'Test',就可以看到控制台输出,如下图所示:

2.运行代码后电脑端的浏览器的动作。如下图所示:

6.小结

好了,今天时间也不早了,关于判断元素是否显示就介绍到这里,感谢您耐心的阅读!!!