Web自动化之playwright，基本指令

最新推荐文章于 2025-02-17 17:01:55 发布

||一

最新推荐文章于 2025-02-17 17:01:55 发布

阅读量656

点赞数 20

文章标签：自动化运维

本文链接：https://blog.youkuaiyun.com/qq_35408228/article/details/138580500

版权

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

输入框

locator.fill()填写表单字段。聚焦元素，input输入的文本触发事件。它适用于<input>,<textarea>和[contenteditable]元素

# Text input
page.get_by_role("textbox").fill("Peter")

# Date input
page.get_by_label("Birth date").fill("2020-02-02")

# Time input
page.get_by_label("Appointment time").fill("13:15")

# Local datetime input
page.get_by_label("Local time").fill("2020-03-02T05:15")

复选框和单选

locator.set_checked()选中和取消选中复选框或单选按钮。此方法可与input[type=checkbox],input[type=radio]和元素一起使用[role=checkbox]。

# Check the checkbox
page.get_by_label('I agree to the terms above').check()

# Assert the checked state
expect(page.get_by_label('Subscribe to newsletter')).to_be_checked()

# Select the radio button
page.get_by_label('XL').check()

下拉选择

<select>使用locator.set_checked()选择元素中的一个或多个选项。您可以指定 option value、或label来选择。也可以选择多个选项

# Single selection matching the value or label
page.get_by_label('Choose a color').select_option('blue')

# Single selection matching the label
page.get_by_label('Choose a color').select_option(label='Blue')

# Multiple selected items
page.get_by_label('Choose multiple colors').select_option(['red', 'green', 'blue'])

鼠标点击

# Generic click
page.get_by_role("button").click()

# Double click
page.get_by_text("Item").dblclick()

# Right click
page.get_by_text("Item").click(button="right")

# Shift + click
page.get_by_text("Item").click(modifiers=["Shift"])

# Hover over element
page.get_by_text("Item").hover()

# Click the top left corner
page.get_by_text("Item").click(position={ "x": 0, "y": 0})

强制点击，有时悬停元素会与拦截点击的另一个元素重叠此时可使用强制点击

page.get_by_role("button").click(force=True)

模拟按键

# Hit Enter
page.get_by_text("Submit").press("Enter")

# Dispatch Control+Right
page.get_by_role("textbox").press("Control+ArrowRight")

# Press $ sign on keyboard
page.get_by_role("textbox").press("$")

# <input id=name>
page.locator('#name').press('Shift+A')

# <input id=name>
page.locator('#name').press('Shift+ArrowLeft')

按键值如下：

Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape,
ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight,
ArrowUp, F1 - F12, 0 - 9, A - Z等.

也支持Shift, Control, Alt, Meta

支持Control+Shift+T等组合按键

上传文件

locator.set_input_files()，可以在数组中传递多个文件，传入空数组会清除选定的文件

# Select one file
page.get_by_label("Upload file").set_input_files('myfile.pdf')

# Select multiple files
page.get_by_label("Upload files").set_input_files(['file1.txt', 'file2.txt'])

# Remove all the selected files
page.get_by_label("Upload file").set_input_files([])

# Upload buffer from memory
page.get_by_label("Upload file").set_input_files(
files=[
{"name": "test.txt", "mimeType": "text/plain", "buffer": b"this is a test"}
],
)

动态生成的元素处理

with page.expect_file_chooser() as fc_info:
page.get_by_label("Upload file").click()
file_chooser = fc_info.value
file_chooser.set_files("myfile.pdf")