Selenium自动化测试：文件上传自动化

在给web页面做自动化的时候，文件上传是很常见的操作，例如基本的用户头像上传或者一些涉及到文件传输和储存的地方都需要先进行上传文件的操作，那么，该如何通过selenium完成文件上传自动化的实现呢？

首先，我们从研发角度来看一下，目前实现文件上传的几种方式：

1.利用标签实现的毕竟传统的上传方式；

2.利用js+flash或Ajax等插件进行上传；

基于上面的两种类别的研发方式，selenium也有两种方式去实现自动化测试：

 

send_keys()自动化上传

简单的input标签上传方式要使用自动化上传不难，先定位到上传按钮，然后send_keys把路径作为值给传进去就好了。

例如我们找到那个控制上传的input标签，例如这样的，然后对这个按钮进行定位再传路径：

driver.find_element_by_name("upload").send_keys('D:\\filename.txt')

这种方式很简单，只要有input标签一般都可以通过这种方式简单的一条语句就可以实现。

 

Selenium+Autolt实现文件上传

有的时候当我们发现网页实现上传的方式比较复杂，不能够通过send_keys()去传路径实现，就可以用到Autolt插件去结合selenium一起来实现文件的自动上传了。

首先在在官网下载Autolt进行安装，安装后在win菜单栏下可以看到这个目录：

这里面主要包含了这几个组件，我们先了解一下作用：

AutoIt Windows Info          用于识别Windows控件信息

SciTE Script Editor            用于编写Autolt脚本

Run Script                          用于执行Autolt脚本

Compile Script to.exe         用于将Autolt脚本文件转化为exe执行文件
接下来就要开始实现自动上传脚本的编写了：

1.打开要实现自动上传的网页，点开上传的按钮，待出现选择文件的windows窗口后，打开Autolt Windows Info，拖动那个“小风扇”至文件名输入框中，得到窗口标题Title为 文件上传，窗口标题Class为 #32770，同时得到文件名输入框的类型为 Edit，Instance为 1。

2.还是这个操作，把“小风扇”拖动到打开按钮上，得到打开按钮的类型为 Button，Instance为 1。需要注意的是，这两步操作抓取的这几个属性是和浏览器相关的，不同浏览器获取到的窗口标题不同，我这里用的是火狐浏览器，标题是文件上传，谷歌的是打开，ie也不一样，具体要以Autolt Windows Info抓取到的值为准。

3.总结一下上面获取到的几个有用属性：

title：      文件上传

title_class:     #32770

文件名输入框的ClassnameNN（类型+Instance）:      Edit1（类型+Instance）

打开按钮的ClassnameNN（类型+Instance）：          Button1

4.打开SciTE Script Editor，开始编写Autolt脚本：

ControlFocus("文件上传","","Edit1");
WinWait("[CLASS:#32770]","",10)
ControlSetText("文件上传","","Edit1","D:\picture.PNG");
Sleep(2000);
ControlClick("文件上传","","Button1");

ControlFocus()方法用于识别Window窗口。WinWait()设置10秒钟用于等待窗口的显示，其用法与WebDriver所提供的implicitly_wait()类似。ControlSetText()用于向“文件名”输入框内输入本地文件的路径。这里的 Sleep()方法与 Python 中 time 模块提供的 Sleep()方法用法一样，不过它是以毫秒为单位，Sleep(2000)表示固定休眠 2000 毫秒。ControlClick()用于点击上传窗口中的“打开”按钮。这是我的脚本，涉及到上面的几个属性的地方都需要填写自己获取的，直接复制粘贴可是跑不通的哦~

写好之后，点击文件上传的按钮，在出现Windows的文件选择窗口后，在菜单栏中点击Tools -> Go，试运行一下，能够成功没有报错就可以保存了（保存为.au3格式）。

5.打开Compile Script to.exe，选择之前保存好的au3格式的文件，再为即将生成的.exe文件选择好保存路径，点击Convert生成就好了。

6.最后一步就是通过selenium调用这个生成好的exe文件去执行自动上传啦。定位到上传按钮，然后.click()进行点击，接下来就是调用了，具体语句如下：

upload = driver.find_element_by_xpath("//div[@id='picker']/div[2]/label")
upload.click()
os.system("C:\\Users\admin\Desktop\Autolt3\ptest.exe")

这样就完成了文件的自动上传功能~

从这个例子来看，我们在autolt脚本中写入了具体要上传的文件的路径："D:\picture.PNG"，所以在执行自动上传的时候自然就是自动上传这一个文件，如果需要执行批量上传该如何操作呢？感兴趣的可以先自己查资料思考一下，我会在下篇博客展示具体方法。