看到大神们，都在做前端的自动化测试，去快速高效的书写测试脚本，节省人力，物力，提高效率，作为一个前端菜鸟 自然是羡慕不已！于是决心也要深入学一下前端自动化测试，上网一找，相关资料说多不多，说少不少。于是开始学习之旅
1.selenium IDE
一款神器 。能够直接在火狐浏览器下快速地进行前端自动化测试，拥有自己的客户端界面，操作也很简单，看懂文字的 一般都会使用 这里附上大百度的安装介绍，大家可以自己尝试。（ps：有ide下载官网说 firefox版本要在v34.0左右的版本，然后如今的firefox已经更新到v53.0,找不到低版本firefox，不过我这里亲测 高版本也能正常跑通，尽管放心！）
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，希望有研究的朋友，也可以留言给我，我好好学习一下！
网友评论