首页 > 其他分享 >软件测试|web自动化测试神器playwright教程(十七)

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

时间:2023-06-30 11:37:14浏览次数:40  
标签:files web playwright 文件 chooser set file page 软件测试

前言

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

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

文件上传

playwright提供了locator.set_input_files()方法选择要上传的输入文件,它期望第一个参数指向

# 选择一个文件
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")

相关操作:

  • file_chooser.element 返回与此文件选择器关联的输入元素
  • file_chooser.is_multiple() 返回此文件选择器是否接受多个文件
  • file_chooser.page 返回此文件选择器所属的页面

设置与此选择器关联的文件输入的值。如果其中一些filePaths是相对路径,那么它们将相对于当前工作目录进行解析。对于空数组,清除所选文件

file_chooser.set_files(files)
file_chooser.set_files(files, **kwargs)

相关参数

  • files pathlib.Path
  • no_wait_after 启动导航的操作正在等待这些导航发生并等待页面开始加载。您可以通过设置此标志来选择退出等待。您仅在特殊情况下才需要此选项,例如导航到无法访问的页面。默认为false.
  • timeout 以毫秒为单位的最长时间,默认为 30 秒,传递0以禁用超时,可以使用browser_context.set_default_timeout()或page.set_default_timeout()方法更改默认值

实例

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

  1. input 输入框,并且类型是type="file",如下图所示:

软件测试|web自动化测试神器playwright教程(十七)_选择器

我们可以直接定位输入框,用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')
  1. 不是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的文件选择框,这个对于我们的自动化测试是一个巨大的优势。

标签:files,web,playwright,文件,chooser,set,file,page,软件测试
From: https://blog.51cto.com/u_15640304/6589213

相关文章

  • 软件测试|web自动化测试神器playwright教程(二十)
    前言我们都知道,selenium可以实现Chrome浏览器的复用,绕过登录步骤,实现cookie的复用,playwright同样也可以实现该功能。环境设置我们在使用selenium进行浏览器复用时,需要提前将Chrome浏览器配置到我们的环境变量中,具体步骤如下:找到Chrome浏览器的安装路径,如下图:将'C:\ProgramFiles(x......
  • 软件测试|web自动化测试神器playwright教程(二十一)
    前言我们在日常工作和生活中,经常会遇到滑块的情况,如下图所示:淘宝的网页登录,在我们输入完账号密码后,需要按住滑块,并且滑动至最右边,才可以登录。这是最为常见的滑块安全验证机制,当然也对我们的自动化工作造成了部分的困扰,在selenium中,我们可以通过滑动滑块来解决这个问题,而playwright......
  • 软件测试|web自动化测试神器playwright教程(二十二)
    前言工作和生活中,经常会遇到我们需要进行选择的情况,比如勾选,或者我们选择性别,男女两个性别总是不能同时选中的,比如我们在选择兴趣爱好时,我们可以选择多个自己感兴趣的话题,比如篮球足球电竞等话题。我们在执行自动化测试的过程中,必须要学会处理这样的情况。页面示例以下面的界面为例......
  • 软件测试|web自动化测试神器playwright教程(二十三)
    前言我们在进行web自动化时,经常遇到一些不好操作的元素,普通的元素定位和操作容易报错,如果我们使用的selenium的话,就可以使用selenium调用js脚本进行操作。在playwright中也有类似的方法,使用page.evaluate()执行JavaScript脚本。page.evaluate()和page.evaluate_handle()之间的唯......
  • 基于SpringMVC搭建WebSocker
    SpringMVC的搭建请参考我以前的文章基于XML搭建SpringMVC项目基于Spring注解搭建SpringMVC项目(推荐)1.添加pom依赖本文使用最新的Spring6,一些依赖的问题需要自行解决<!--添加socket支持--><dependency><groupId>org.springframework</groupId><a......
  • .net6搭建websocket
    当使用.NET6构建WebSocket微服务时,可以按照以下步骤进行操作:1.创建新的.NET6项目:打开适用于.NET6的IDE(如VisualStudio2022或VisualStudioCode),创建一个新的空白项目。.net6默认引入了Microsoft.AspNetCore.WebSockets2,3步骤省略2.添加WebSocket支持:确保项目引用了`Mi......
  • OpenWebSpider 安装使用
    OpenWebSpider是一个很好用的网络爬虫,也可以叫做“网络蜘蛛”.安装:1.使用Vs.net2003编译,记得要copylibmysql.dll到工程里2.配置文件openwebspider.conf将已经启动了的mysql数据库用户名,密码填写好3.数据库建立执行sql_struct.txt下的文件目录。OKGoahead,grabbleyourw......
  • 音视频之webRTC和直播
    webrtc是什么Webreal-timecommunication,实时通讯解决方案,涵盖音视频采集、通讯建立、信息传输、音视频显示。怎么做到的音视频采集通过webrtc中MediaStreamAPIgetUserMedia可以获取设备媒体流,包括麦克风、摄像头、屏幕画面等,需要注意兼容性问题。端到端如何音视......
  • Nginx 常用的基础配置(web前端相关方面)
    基础配置userroot;worker_processes1;events{worker_connections10240;}http{log_format'$remote_addr-$remote_user[$time_local]''"$request"$sta......
  • 全栈测试开发系列----WebDriver API及对象识别技术(二)---selenium验证码处理的多种实现
    前言对于测试人员而言,不管是进行性能测试还是自动化测试,验证码的处理都是棘手的存在,在WEB应用中,大部分系统在用户登录的时候都要求用户输入验证码,且验证码的种类繁多,如纯数字、纯字母、汉子组合、数学题运算、滑动图标、图片、短信、邮箱、语音等。既然要实现验证码的处......