【playwright】新一代自动化测试神器playwright+python系列课程42

playwright_修改或添加元素属性

在做自动化测试时，有时候会需要通过修改元素的属性来方便我们脚本的编写，像前面移除时间日历控件的readonly属性以方便直接输入就是个典型的案例，除了删除元素的属性之外工作中可能还会遇到修改元素属性值，或者添加元素的属性的情况，我们也可以通过执行java script来实现。在java script中添加元素属性和修改元素属性值使用的方法是同一个：setAttribute(属性名，属性值)，如果属性原本是存在的，就是修改，如果属性不存在就是增加。

使用案例：

page.evaluate('document.getElementsByName("password")[0].setAttribute("type","text");') # 直接页面对象上执行
ele.evaluate('node => node.setAttribute("type","text");') #对定位的元素执行js

以登录功能的密码输入框为的type属性为例，type属性等于password控制密码输入后掩码显示，修改属性值后，密码为明文显示。

实践代码：

# '''
# author: 测试-老姜   交流微信/QQ：349940839
# 欢迎添加微信或QQ，加入学习群共同学习交流。
# QQ交流群号：877498247
# 西安的朋友欢迎当面交流。
# '''
from playwright.sync_api import Playwright, sync_playwright, expect
playwright = sync_playwright().start()
browser = playwright.chromium.launch(headless=False, args=['--start-maximized'],slow_mo=1000) #默认无头模式,设置浏览器最大化
context = browser.new_context(no_viewport=True) # 创建上下文，相当浏览器于实例化，即打开浏览器
page = context.new_page() # 打开一个新标签页
page.goto("http://127.0.0.1:8080/oa/") # 打开网址
page.locator("input[name=\"loginId\"]").fill("sup")
# page.evaluate('document.getElementsByName("password")[0].setAttribute("type","text");')
ele = page.locator("input[name=\"password\"]")
ele.evaluate('node => node.setAttribute("type","text");')
ele.fill("s1234567")
page.wait_for_timeout(15000)
context.close()
browser.close()
playwright.stop()