Web应用自动化测试实战——基于Playwright实现上传文件操作

最新推荐文章于 2025-06-11 22:59:42 发布

原创最新推荐文章于 2025-06-11 22:59:42 发布

· 799 阅读

21 ·

版权

文章标签：

#自动化测试 #职场经验 #软件测试 #程序员 #深度学习 #Web应用 #Playwright

程序员同时被 3 个专栏收录

1451 篇文章

订阅专栏

软件测试

1446 篇文章

订阅专栏

自动化测试

853 篇文章

订阅专栏

📝 面试求职： 「面试试题小程序」 ，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）

📝 职场经验干货：

软件测试工程师简历上如何编写个人信息（一周8个面试）

软件测试工程师简历上如何编写专业技能（一周8个面试）

软件测试工程师简历上如何编写项目经验（一周8个面试）

软件测试工程师简历上如何编写个人荣誉（一周8个面试）

软件测试行情分享（这些都不了解就别贸然冲了.）

软件测试面试重点，搞清楚这些轻松拿到年薪30W+

软件测试面试刷题小程序免费使用（永久使用）

Playwright使用locator.set_input_files() 进行上传文件操作。locator必须是类型为 “file” 的输入元素。

上传单个文件用字符串作为参数，字符串是相对于当前工作目录的相对路径（也可以使用绝对路径），例如：locator.set_input_files(‘locators.pdf’)

上传多个文件用数组作参数，数组中的元素是上传文件的路径：locator.set_input_files([‘locators.pdf’, ‘conftest.py’]) 。

空数组会清除已选择的文件：locator.set_input_files([]) 。

这里设计一个网页，有两个上传按钮，一个按钮支持单个文件上传，一个按钮支持多个文件上传。

在这里插入图片描述
网页源码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Upload</title>
  </head>
  <body>
    上传单个文件：
    <input type="file" accept="image/*, text/*" name="file" />
    <br/>上传多个文件：
    <input type="file" accept="image/*, text/*" name="files" multiple/>
  </body>
</html>

下面是Playwright模拟上传单个文件、多个文件和清空上传文件的代码。

import time


def test_upload(page):
    page.goto("file:///Users/chunming.liu/PycharmProject/playwright_demo/html/upload.html")
    # 上传单个文件
    page.locator("input[name=\"file\"]").set_input_files( "/Users/chunming.liu/PycharmProject/playwright_demo/locators.html")
    # 上传多个文件
    page.locator("input[name=\"files\"]").set_input_files(
        ["/Users/chunming.liu/PycharmProject/playwright_demo/locators.html",
         "/Users/chunming.liu/PycharmProject/playwright_demo/test/conftest.py"])
    # 清空上传文件
    time.sleep(3)
    page.locator("input[name=\"files\"]").set_input_files([])
    page.pause()

如果上传文件的元素不是file类型的input元素，我们可以通过监听 page.on(“filechooser”) 事件，通过file_chooser选择文件。例如，页面上有一个文案是“浏览”的Button元素，点击之后，会弹出操作系统的文件选择窗口。我们可以通过下面的方式上传文件：

with page.expect_file_chooser() as fc_info:
    page.get_by_role("button", name="浏览").click()
file_chooser = fc_info.value
file_chooser.set_files("uds_user_test.png")

下载操作比较复杂，首先点击下载控件，等待下载开始，再设置保存路径。这里使用https://sahitest.com/demo/saveAs.htm 网页演示Playwright的下载功能。

def test_download(page):
    page.goto("https://sahitest.com/demo/saveAs.htm")
    # Start waiting for the download
    with page.expect_download() as download_info:
        # Perform the action that initiates download
        page.get_by_text("testsaveas.zip").click()
    # Wait for the download to start
    download = download_info.value
    # Wait for the download process to complete
    print(download.path())
    # Save downloaded file somewhere
    download.save_as("/Users/chunming.liu/PycharmProject/playwright_demo/testsaveas_download.zip")