selenium前端自动化测试 一(node版本)

       看到大神们,都在做前端的自动化测试,去快速高效的书写测试脚本,节省人力,物力,提高效率,作为一个前端菜鸟 自然是羡慕不已!于是决心也要深入学一下前端自动化测试,上网一找,相关资料说多不多,说少不少。于是开始学习之旅

1.selenium IDE

      一款神器 。能够直接在火狐浏览器下快速地进行前端自动化测试,拥有自己的客户端界面,操作也很简单,看懂文字的 一般都会使用 这里附上大百度的安装介绍,大家可以自己尝试。(ps:有ide下载官网说 firefox版本要在v34.0左右的版本,然后如今的firefox已经更新到v53.0,找不到低版本firefox,不过我这里亲测 高版本也能正常跑通,尽管放心!)

selenium ide 安装与使用

2.selenium webdriver

       人家大神都是走coding路线的,你拿个ide 不是显的很low么,对吧!而且ide也没有coding测试全面,更加随心所欲!可是大神们都是技多不压身的主,又会python,又会java的!好在人家也给了node的api,让我这样的会的很少的,也不至于饿死了!下面就是node 版本的selenium webdriver的coding了!

1.找到咱们的大github,https://www.npmjs.com/package/selenium-webdriver  

下载selenium-webdriver

      npm install selenium-webdriver  -g

咱们为了 以后测试的时候直接require进来就行,所以加了-g,但是项目中使用 require('selenium-webdriver') 

但是有时候会无情的报错出现 Cannot find module 'selenium-webdriver'

(自己也被深深地坑了一道!)

原因 是你没有配置环境变量NODE_PATH 所以自然会报错咯

windows下就是 系统-》环境变量-》path 自己去添加吧(具体请自行百度!)

这里主要说下mac下咯(当然用mac啦,写代码这么苦逼,还不对自己好点呀!)

在Linux下的node 项目同步到Mac OS X 下发现不能正常运行,全局包依赖没有生效,

发现需要设置 NODE_PATH变量:

     export NODE_PATH=/usr/local/lib/node_modules

再次运行正常。(好的 一劳永逸,以后-g安装的 文件require都能引入到了!) 

2.开始编写脚本 在firefox下测试

var webdriver = require('selenium-webdriver'),

       By = webdriver.By,

       until = webdriver.until;

var driver = new webdriver.Builder()

     .forBrowser('firefox')

     .build();

     driver.get('http://www.baidu.com');

     driver.findElement(By.id('kw')).sendKeys('selenium');

driver.findElement(By.id('su')).click();

driver.wait(until.titleIs('test_百度搜索'), 1000);

driver.quit();

愉快地node运行

题外话:如果出现static createSession(...args) {}    SyntaxError: Unexpected token ...

而你不知道...args  是啥,建议 再学一下es6 ,而这个原因就是 你丫的不好好学习 node 好久没更新了,es6语法不识别了吧,要么你自己官网下载最新的node安装覆盖一下 要么就使用 npm update  更新一下node  不过这样 只能祝你好运,因为npm更新node 真的好慢!而且你首先是翻墙的(哎,我的大天朝啊!)


如果出现:

The geckodriver executable could not be found on the current PATH. Please download the latest version from https://github.com/mozilla/geckodriver/releases/WebDriver and ensure it can be found on your PATH.

仔细一看 gecko不是firefox的内核么!哦,这意思就是 你没有安装geckodriver驱动,你怎么打开firefox,没办法,乖乖地安装

npm install -g geckodriver

然而 一坑不平 一坑又起  又出现

InvalidArgumentError: Could not convert 'text' to string

在driver.findElement(By.id('kw')).sendKeys()

欺负我读书少, 这不是string类型是啥,百般尝试,new String('selenium')  也不行,看github上的request 上老外也遇到这个问题,而且还没有解决,自己就心满意足的,但是不能就这么放着不解决呀!然而在chrome里面是正常的,这里大胆的预测可能是因为firefox的版本过高有关!

所以我们这么解决

将driver.findElement(By.id('kw')).sendKeys('selenium')换成

var longstring = "test";

inputField = driver.findElement(webdriver.By.id('kw'));

driver.executeScript("arguments[0].setAttribute('value', '" + longstring +"')", inputField);

成功跑通。不过跑通firefox不行,咱们还有chrome

3.开始编写脚本 在chrome下测试

  估计大家已经想到 对了只需要下载

npm install chromedriver -g

var webdriver = require('selenium-webdriver'),

By = webdriver.By,

until = webdriver.until;

var driver = new webdriver.Builder()

.forBrowser('chrome')

.build();

driver.get('http://www.baidu.com');

var longstring = "test",

driver.findElement(By.id('kw')).sendKeys(longstring);//正常使用

driver.findElement(By.id('su')).click();

driver.wait(until.titleIs('test_百度搜索'), 1000);

driver.quit();

需要注意的是

session not created exception: Chrome version must be >= 56.0.2884.0

没有的话,你就赶紧官网更新chrome吧 

好了!

api:webdriver api文档    祝大家幸福!

以后的扩展操作就靠你自己了 node的语法忘了,就再看看node吧!

至于ie嘛,目前没有test,希望有研究的朋友,也可以留言给我,我好好学习一下!

推荐阅读更多精彩内容