Selenium系列教程-06图片上传以及Web Element常用操作方法

主要内容

对Web Element 常用操作方法

如何进行文件上传操作

常用的对Web Element操作方法

众所周知，我们做web UI自动化最主要的部分就是让我们平时在web页面上的手工点点点操作转化为自动化代码，让机器代替我们去做这些点点点的工作。那么我们根据以往的使用统计，这里跟大家简单总结下：

这4个方法是我们在学习selenium-webdriver基础语法是用到次数应该最频繁的。当然，selenium-webdriver的api还提供更多的其它方法供我们调用，比如获取web element的css属性，或者web element元素坐标位置等等，大家可以参考selenium-webdriver 的api来进行学习https://seleniumhq.github.io/selenium/docs/api/javascript/module/selenium-webdriver/index_exports_WebElement.html这里就不一一给大家介绍了。

文件上传操作

我们在做web自动化的时候，不可避免的会有上传文件的操作，比如更改一个头像这些操作，在上传操作的过程中，会弹出windows 窗口，这个窗口我么使用开发者工具是定位不到的。如下图：

百度图片搜索对话框是无法使用开发者工具定位的。在做这类自动化操作的时候，有两种解决方案：

查看页面元素，找到对应的input标签，通过调用sendKeys()方法进行文件上传。

借助专业的工具，如autoit（https://www.autoitscript.com），或者LeanRunner(http://www.leanpro.cn/leanrunner)

这里，以百度搜索为例，给大家介绍如何使用第1种解决方法。通过开发者工具，我们定位 按钮实际是 类型。如下图:

那么我们的node.js代码就可以这样来写：

如果大家在做web自动化时可以找到对应类型的file控件，可以直接使用第1种方案来解决。如果发现文件上传使用的是一些flash控件，不能解决问题时，大家可以参考第2种解决方案。 关于第2种解决方案，大家可以参考官方文档来做。