软件测试|web自动化测试神器playwright教程（十七）

原创

霍格沃兹测试开发Muller老师

发布于 2023-07-31 18:22:57

4450

发布于 2023-07-31 18:22:57

文章被收录于专栏：muller的测试分享

前言

上篇文章我们介绍了使用playwright下载文件的方法，本篇文章我们将介绍使用playwright上传文件。

上传文件是我们经常需要面对的场景，如果我们使用的是selenium，那我们的操作会比较复杂，因为有的文件上传是input控件，有些是需要我们直接传文件地址，一旦弹出文件选择框的话，selenium就无能为力了，而playwright能很好地帮我们解决这个问题。

文件上传

playwright提供了locator.set_input_files()方法选择要上传的输入文件，它期望第一个参数指向 <input > 的输入元素"file"，数组中可以传递多个文件，如果某些文件路径是相对的，则它们将相对于当前工作目录进行解析。空数组清除所选文件。

# 选择一个文件
page.get_by_label("Upload file").set_input_files('myfile.pdf')

# 选择多个文件
page.get_by_label("Upload files").set_input_files(['file1.txt', 'file2.txt'])

# 移除所有文件
page.get_by_label("Upload file").set_input_files([])

# 从缓存中上传
page.get_by_label("Upload file").set_input_files(
    files=[
        {"name": "test.txt", "mimeType": "text/plain", "buffer": b"this is a test"}
    ],
)

如果没有输入元素（它是动态创建的），可以使用 page.on("filechooser") 事件或在您的操作中使用相应的等待方法：

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")

实例

下面我们分情况来介绍playwright上传文件的方法。

input 输入框，并且类型是type="file"，如下图所示：

我们可以直接定位输入框，用set_input_files('myfile.pdf') 方法上传文件路径，类似于selenium的send_keys('文件路径.xx')

    page.goto("*****l")

    page.get_by_label("文件名称").fill("xxxx")
    # 不点开文件框的情况下
    page.get_by_label("选择文件").set_input_files('xxx.png')

不是input输入框，必须点开文件框的情况（selenium上没法实现的操作）

可以使用page.expect_file_chooser() 监听到弹出框，在弹出框上输入文件路径，代码如下：

with page.expect_file_chooser() as fc_info:
        page.get_by_label("选择文件").click()
    page.pause()
    file_chooser = fc_info.value
    file_chooser.set_files(path)

在运行过程中你是感知不到文件选项框弹出来的

异步代码示例:

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

高级操作-事件监听filechooser

当应该出现文件选择器时触发此操作，例如在单击“选择文件”.未选择文件，可以通过使用file_chooser.set_files()设置输入文件来响应它，之后可以上传这些文件

page.on("filechooser", lambda file_chooser: file_chooser.set_files(r"C:\XXXX.txt"))

# 点击选择文件按钮，会触发 filechooser 事件
page.get_by_label("选择文件").click()

注：page.on("filechooser", ) 会自动监听filechooser 事件，只要有点击了选择文件按钮，就会自动触发

实例

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://sahitest.com/demo/php/fileUpload.htm")
    page.get_by_label("File:").click()
    page.get_by_label("File:").set_input_files("test.txt")
    page.locator("form[name=\"form1\"]").get_by_role("button", name="Submit Single").click()

    # ---------------------
    context.close()
    browser.close()


with sync_playwright() as playwright:
    run(playwright)

总结

本文主要介绍了playwright对于文件的上传处理，playwright相对于selenium最大的优势就是可以直接处理Windows的文件选择框，这个对于我们的自动化测试是一个巨大的优势。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

自动化测试

playwright

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

自动化测试

playwright

登录后参与评论

0 条评论

热度