日常在访问页面时,文件上传与下载操作也常常用到,因此在Web自动化测试中也会遇到文件上传的情况。针对上传功能,WebDriver并没有提供对应的方法。针对上传文件的场景主要有两种解决思路:


同步视频知识与系列知识内容,可关注:【公众号】:柒哥测试;【WX】:Lee-890;


  • 如果上传按钮是input标签,只要定位上传按钮,可优先尝试send_keys() 输入文件路径;
  • 如果实际情况要打开系统的window窗口,选择本地文件进行添加,则可尝试借助AutoIt实现。

1. Send_keys()方式上传

设计uploadfile.html页面,页面代码如下:

<html>
<body>
<div >
<form name="form1" action="fileUpload.PHP" method="post" enctype="multipart/form-data">
<label for="file">File:</label>
<input type="file" name="file" id="file" />
<br />
<input type="hidden" name="multi" value="false"/>
<input type="submit" name="submit" value="Submit Single" />
</form>
</div>
</body>
</html>

页面展现效果,如图所示。

作者的D盘下,存放有一个命名为Image.png的图片,要在uploadfile.html页面上传该图片,代码如下:

from selenium import webdriver
from time import sleep driver = webdriver.Firefox()
driver.get("file:///D:/uploadfile.html")
driver.find_element_by_xpath("//input[@name='file']").send_keys("d:\\Image.png")
sleep(2)
driver.quit()

运行代码,可观察到,uploadfile.html页面中上传了Image.png文件,如图所示。

2. AutoIt方式上传

关于非input标签的文件上传,可借助AutoIt。

AutoIt目前版本是v3.3.14.*,AutoIt是一个使用类似BASIC脚本语言的免费软件,它设计用于Windows GUI(图形用户界面)中进行自动化操作。它利用模拟键盘按键,鼠标移动和窗口/控件的组合来实现自动化任务。

下载安装Autoit。

进入https://www.autoitscript.com/site/autoit/downloads,在该页面中找到下载区域,单击下载安装,如图所示。



Autoit 下载完毕后的文件为autoit-v3-setup.exe,下载后进行安装,win10系统上运行安装时,会给出提示信息,单击【运行】按钮,进行安装即可,如图所示。



安装过程中,会检测到操做系统是64位,此时可以选择【use native x64…】。



Autoit 主要应用其中的三个功能

  • Auto It Windows Info 元素定位器,用于帮助识Windows控件信息
  • SciTE Script Editor 编辑器,用于编写AutoIt脚本
  • Compile Script to.exe 用于将AutoIt生成 exe 执行文件

以本节提供的Autoit.html页面为例,页面展现效果如图所示。



通过Autoit实现上传文件步骤:

  • 通过单击上传按钮弹出windows选择文件弹出框,
  • 拖拽Autoit的Finder Tool 图标到文件名输入框。

2.1 打开Autoit.html页

首先打开AutoIt Windows Info 工具,鼠标单击Finder Tool,当鼠标变成一个小风扇形状的图标后,按住鼠标左键不要松开,拖动小风扇图标到需要识别的控件【文件编辑框】上,如图所示。

可到编辑框的信息如下:

Basic Window Info
Title:打开
Class:#32770 Basic Control info
Class:Edit
Instance:1

鼠标单击Finder Tool,拖动小风扇图标到【打开】按钮控件,如图所示。

可到编辑框的信息如下:

Basic Window Info
Title:打开
Class:# 32770 Basic Control info
Class:Button
Instance:1

根据AutoIt Windows Info 所识别到的控件信息打开SciTE Script Editor编辑器,编写脚本,如图所示。

脚本内容。

;ControlFocus("title","text",controlID) Edit1=Edit instance 1
WinActivate("打开")
ControlFocus("打开", "","Edit1") ; Wait 10 seconds for the Upload window to appear
WinWait("[CLASS:#32770]","",10) ; Set the File name text on the Edit field ControlSetText("打开", "", "Edit1", "D:\Image.png") Sleep(2000) ; Click on the Open button ControlClick("打开", "","Button1");

代码解释:

  • WinActivate():是聚焦到活动窗口;
  • ControlFocus():用于识别Window窗口;
  • WinWait():设置10秒钟用于等待窗口的显示;
  • ControlSetText():用于向“文件名”输入框内输入本地文件的路径;
  • Sleep():Sleep(2000)表示固定休眠2000毫秒,以毫秒为单位;
  • ControlClick():用于单击上传窗口中的“打开”按钮。

    当AutoIt的脚本写好后,保存到D:\ AutoitScript.au3。

    不要关闭Autoit.html页面,通过SciTE Script Editor编辑器菜单栏“Tools”-->“Go” 来运行一个脚本,可以观察到能够打开window窗口,然后加载Image.png图片。

打开Compile Script to.exe工具,将前面保存的AutoitScript.au3脚本文件生成为exe可执行文件D:\ AutoitScript.exe,如图所示。



编写自动化脚本,调用D:\ AutoitScript.exe实现Autoit.html文件上传。

from selenium import webdriver
from time import sleep
from selenium.webdriver.common.keys import Keys
import os driver = webdriver.Firefox()
driver.implicitly_wait(60)
# driver = webdriver.Firefox()
driver.get("file:///D:/Auit.html")
sleep(6)
driver.find_element_by_xpath("//*[@id='rt_rt_1e282o8sm1b521dccvg1m3o1mpv1']/label").click()
os.system("D:\\AutoitScript.exe")

如果你觉的文章读的不过瘾,可以查看详细的视频教程。

【2021】UI自动化测试:Selenium3自动化测试

https://ke.qq.com/course/3172187?tuin=9c43f38e

【测试全系列视频课程】请点击我哦.....

《全栈测试系列视频》课程

地址:https://ke.qq.com/course/2525707?tuin=9c43f38e

图书京东、当当有售

京东:https://item.jd.com/12784287.html

当当:http://product.dangdang.com/29177828.html)!


同步视频知识与系列知识内容,可关注:【公众号】:柒哥测试;【WX】:Lee-890


Selenium3自动化测试【29】文件上传的更多相关文章

  1. AutoIt实现Webdriver自动化测试文件上传

    在运用WebDriver进行自动化测试时,由于WebDriver自身的限制,对于上传文件时Windows弹出的文件选择窗口无法控制,通过在网上查找资料锁定使用AutoIt来控制文件上传窗口. Auto ...

  2. selenium+python自动化测试系列(二):AutoIt工具实现本地文件上传

    AutoIt使用简单说明 AutoIt的安装这里就不在啰嗦,可以参考AutoIt安装或者自行搜索解决. 第一步:定位上传文件路径的文本框 这里举例说明,如何定位?如图 这里我们看到上传文件的类型是bu ...

  3. 自动化测试基础篇--Selenium文件上传send_keys

    摘自https://www.cnblogs.com/sanzangTst/p/8358165.html 文件上传是web页面上很常见的一个功能,自动化成功中操作起来却不是那么简单. 一般分两个场景:一 ...

  4. python接口自动化测试二十三:文件上传

    # 以禅道为例: 一.创建一个类,类里面写一个登录方法: import requestsclass LoginZentao(): def __init__(self, s): # 初始化 self.s ...

  5. (29)Spring boot 文件上传(多文件上传)【从零开始学Spring Boot】

    文件上传主要分以下几个步骤: (1)新建maven java project: (2)在pom.xml加入相应依赖: (3)新建一个表单页面(这里使用thymleaf); (4)编写controlle ...

  6. python接口自动化测试——简单的文件上传代码实现,人人网登陆后上传图片举例

    import requests '''人人网登陆,图片上传 '''def loginData(): '''登录请求参数''' data = { 'email': '13484545195', 'ico ...

  7. 【java+selenium3】自动化处理文件上传 (十三)

    一.文件上传 文件上传是自动化中棘手的部分,目前selenium并没有提供上传的实现api,所以知道借助外力来完成,如AutoIt.sikuli. AutoIt , 这是一个使用类似BASIC脚本语言 ...

  8. selenium实现文件上传方法汇总(AutoIt、win32GUI、sengkeys)---基于python

    在使用selenium进行UI自动化测试时,经常会遇到一个关于本地文件上传的问题,解决此问题一般分两种情况: 1. 元素标签为input 2.非input型上传 下面我们分别对着两种情况进行实例分析 ...

  9. java web学习总结(二十四) -------------------Servlet文件上传和下载的实现

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 对于文件上传,浏览器在上传的过程中是将文件以流的形式提交到服务器端的,如果直接使用 ...

随机推荐

  1. phpstorm+xdebug调试详细教程

    对于PHP开发,初来咋到,开发环境的搭建和理解感觉是最烦人的一件事了.不像JAVA,打开一个Eclipse就可以开搞,Php的Debug都要几个插件来配合工作.这些都是死的,好说.但是对于Xdebug ...

  2. switch 是否能作用在byte 上,是否能作用在long 上,是否能作用在String上?

    答:在Java 5以前,switch(expr)中,expr只能是byte.short.char.int.从Java 5开始,Java中引入了枚举类型,expr也可以是enum类型,从Java 7开始 ...

  3. Spring基于xml注入bean的几种方式?

    (1)Set方法注入: (2)构造器注入:①通过index设置参数的位置:②通过type设置参数类型: (3)静态工厂注入: (4)实例工厂:

  4. MySQL_fetch_array 和 MySQL_fetch_object 的区别是 什么?

    以下是 MySQL_fetch_array 和 MySQL_fetch_object 的区别: MySQL_fetch_array() – 将结果行作为关联数组或来自数据库的常规数组返回. MySQL ...

  5. 为什么需要域驱动设计DDD?

    我们需要 DDD 的因素 – 微服务面试问题

  6. 用maven建立一个工程4

    在命令行里面输入cd C:\Users\admin\Documents\hello 然后按回车 再输入这行代码 mvn archetype:generate -DgroupId=com.liyongz ...

  7. torch.optim.SGD参数详解

    随机梯度下降法 $\theta_{t} \leftarrow \theta_{t-1}-\alpha g_{t}$ Code: optimzer = torch.optim.SGD(model.par ...

  8. i2c总线编码

    i2c总线编码 发送启动信号S 在同步时钟线SCL 为高电平时,数据线出现的由高到低的下降沿. 启动信号子程序STA 1 /************************************** ...

  9. DIV 上下左右居中黑科技

    <style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:# ...

  10. 分享一个react 图片上传组件 支持OSS 七牛云

    react-uplod-img 是一个基于 React antd组件的图片上传组件 支持oss qiniu等服务端自定义获取签名,批量上传, 预览, 删除, 排序等功能 需要 react 版本大于 v ...