playwright--页面元素操作

---

前言

Playwright 可以与页面元素进行交互，如文本输入，多选框，单选按钮，选择选项，鼠标点击，键入字符，按键和快捷键以及上传文件和聚焦元素

一、元素输入

填写表单输入，使用locator.fill()

page.get_by_placeholder("账号").fill("admin")

二、鼠标点击

鼠标点击，使用locator.click()

page.get_by_role("button", name="登录").click()

三、复选框和单选

选中和取消选中多选框或单选按钮， locator.check()。此方法可用于 input[type=checkbox]、input[type=radio] 和 [role=checkbox] 元素

选中状态：

page.get_by_label('test').check()

取消选中：

page.get_by_label('test').uncheck()

四、select下拉选择框

使用 locator.select_option() 选择 元素中的一个或多个选项

选择单个：

page.get_by_label('test').select_option('1')

选择多个下拉选项：

page.get_by_label('test').select_option(['1', '2', '3'])

五、文件上传

使用**locator.set_input_files()**方法选择要上传的输入文件

上传单个文件：

page.get_by_label("file").set_input_files('file.txt')

上传多个文件：

page.get_by_label("files").set_input_files(['file1.txt', 'file2.txt'])

六、聚焦元素

使用 locator.focus() 聚焦给定的元素

page.get_by_label('password').focus()

七、拖拽

使用locator.drag_to()执行拖放操作

page.locator("#item-to-be-dragged").drag_to(page.locator("#item-to-drop-at"))

手工拖拽：
locator.hover()、mouse.down()、mouse.move()、mouse.up()

page.locator("#item-to-be-dragged").hover()
page.mouse.down()
page.locator("#item-to-drop-at").hover()
page.mouse.up()