Selenium 自动化测试不同类型上传文件实用方法总结

在使用selenium进行UI自动化时,经常会遇到文件上传的坑。所以本文总结一下selenium常用的文件上传方法。
1、使用input标签上传文件
在元素定位时,一旦定位到页面中使用的是input标签,即可使用sendKeys上传文件。如下:

 public void uploadAttachment(String sPicPath) {
        WebElement uploadFile = driver.findElement(By.xpath("//input[@type = 'file']"));
        log.info("上传图片" + sPicPath);
        uploadFile.sendKeys(sPicPath);
        log.info("上传图片中");
        this.sleep();
        log.info("上传完成");
    }

注意,使用时,无需在页面点击“上传”按钮。可直接调用上述方法。
2、非input标签上传文件
元素定位时,发现上传时有的使用的是<a>标签,有的用<div>的,有的用<button>,有的用<object>.......如下图


image.png

针对上述场景,不能直接通过在网页上处理上传,唯一的办法就是打开OS弹框,去处理弹框。常使用的方法是,借助autoIT,调用其生成的au3或exe文件。
下面就具体介绍一下使用autoit自动上传文件的步骤。
autoit即使用类似BASIC脚本语言的免费软件,它设计用于Windows GUI(图形用户界面)中进行自动化操作。它利用模拟键盘按键,鼠标移动和窗口/控件的组合来实现自动化任务。
1)、在官网下载Autoit(https://www.autoitscript.com/site/)默认安装即可。

image.png

2)、安装完成后,到安装目录下,启动autoit程序,即:Au3Info_x64.exe或Au3Info.exe(选择适合自己的系统版本)
image.png

启动后界面:
image.png

image.png

3)、打开要上传文件的应用,这里有一个测试用的网址,可以在这里练习。[http://fex-team.github.io/webuploader/demo.html]
因为autoit只负责上传,因此需要已经弹出windows弹窗。
弹窗需要注意的地方就是弹窗名称“文件上传”、“文件名”和“打开”按钮
image.png

image.png

4)、切换到已打开的AutoIt Window Info 工具,找到Finder Tool:然后用鼠标拖动此图标到文件上传弹窗的 “文件名输入框”:
image.png

记下ClassnameNN的Value值,这里是“Edit1”。
然后用鼠标拖动此图标到文件上传弹窗的 “打开” 按钮上:
image.png

记下ClassnameNN的Value值,这里是“Button1”。
5)、打开安装目录下的SciTE Script Editor应用程序。
image.png

将下列代码复制到该编辑器中:

;first make sure the number of arguments passed into the scripts is more than 1
If $CmdLine[0]<2 Then Exit EndIf ;if parmas num <2 ,then break
;$CmdLine[0] ;参数的数量
;$CmdLine[1] ;第一个参数 (脚本名称后面)
;$CmdLine[2] ;第二个参数
;都是从cmd传入参数
handleUpload($CmdLine[1],$CmdLine[2])
;定义上传函数,有两个参数,第一个是浏览器名字,第二参数是文件路径
Func handleUpload($browser, $uploadfile)
Dim $title ;定义一个title变量
      ;根据弹窗的title来判断是什么浏览器
      If $browser='ie' Then ; 代表IE浏览器
      $title='选择要加载的文件'
      ElseIf $browser='chrome' Then ; 代表谷歌浏览器
      $title='打开'
      ElseIf $browser='firefox' Then ; 代表火狐浏览器
      $title='文件上传'
      EndIf
      if WinWait($title,'',4) Then ;等待弹出出现,最大等待时间是4秒
      WinActivate($title) ;找到弹出窗口之后,激活当前窗口
      ControlSetText($title,'','Edit1',$uploadfile) ;把文件路径放入输入框,此“Edit1”是用FinderTool获取到的“文件名”输入框的ClassnameNN
      ControlClick($title,'','Button1') ;点击保存或者打开或者上传按钮,此“Button1”使用FinderTool获取到的“打开”按钮的ClassnameNN
      Else
      Return False
      EndIf
EndFunc

6)、保存该文件到自定义目录下,默认后缀名为.au3。
autoit是根据弹窗的名字来给文件名输入框赋值和点击按钮等操作的,由于不同的浏览器弹窗的名字可能不一样,这里要谨慎选择。IE为'选择要加载的文件',Chrome为'打开',火狐为“文件上传”。
7)、autoit的脚本已编写完毕,但由于是在cmd中调用,需要将其转换成exe可执行文件。
打开autoit安装目录下的应用程序:Aut2exe_x64.exe或者Aut2exe.exe,根据自身系统选择。


image.png

image.png

点击Conver按钮,则成功讲upload.au3脚本转换为运行文件upload.exe,如下图。


image.png

8)、测试一下。打开cmd,输入:"F:\py_learn\selenium\upload.exe" "firefox" "F:\aa.png"双引号不要省略,每项之间有空格,如图:
image.png

之后回到网页,查看刚才的文件已被上传:
image.png

注意,运行cmd命令之前,一定要把页面的弹窗弹出,autoit只操作弹窗,不对页面元素定位。
第一个参数的是autoit exe脚本文件,第二是 autoit脚本函数需要的参数,回头看看脚本,一个参数是浏览器名字:chrome或者ie或者firefox,第二个参数是要上传文件的路径,并且都要用英文环境下的双引号括起来,就形成了下面的代码:

"F:\py_learn\selenium\upload.exe" "firefox" "F:\aa.png"
9)、OK,测试成功,下面需要在具体的selenium脚本中调用。

 /**
     * 非input输入框上传,需要传入上传脚本的执行文件路径、浏览器、图片地址
     * 框架中已经存有2张待用图片,传入响应参数即可
     * TEST_PICTURE_PATH_1
     * TEST_PICTURE_PATH_2
     *
     */
    public void uploadFile(String picPath){
        Runtime r = Runtime.getRuntime();
        String browser=null;
        if(TEST_BROWSER.equalsIgnoreCase("chrome")){
            browser="chrome";
        }else if(TEST_BROWSER.equalsIgnoreCase("ie")){
            browser="ie";
        }
        try {
            r.exec(UPLOAD_SCRIPT_PATH+" "+browser+" "+picPath);
            log.info("upload file:" + picPath);
        } catch (IOException e) {
            e.printStackTrace();
            log.error("Run upload.exe fail");
        }
        //等待上传完成
        this.sleep();
    }

在具体需要使用文件上传的类中直接调用上述方法,传入图片地址即可。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容