WebApp的自动测试工具： protractor和selenium

Protractor是Selenium的扩充，支持Angularjs

element(by.css('my-css')).click();

一、用by的各种Locator定位元素

选中1个元素：

element(by.id('myid'));
element(by.css('.myclass')); (可以简写为： $('myclass'))
element(by.model('name'));  // 只适用于NG
element(by.binding('bindingname')); // 只适用于NG， // Find an element bound to the given variable.

选中多个元素,返回元素集合（数组）

var eList = element.all(by.css('.myclass')); (可以简写为： $('myclass'))

eList.count();  // 返回1个promise，不是简单的数字

eList.get(index);

eList.first();

eList.last();

多种选择and运算

element(by.css('myclass')).all(by.tagName('tag-within-css'));

二、给元素动作：

！！！ 所有的action都是异步的， 返回值是promise !!!!

var  ele = element(by.id('myid'));

ele.click();

ele.clear().sendkeys('my text');

ele.clear();   clear the text

ele.getAttribute('value'); // 获取元素的值

ele.getText().then(function(text) { // 因为action是异步，

console.log(text);

// 这里也可以写expect

}

三、

安装protractor， 并update：

$npm install -g protractor

$webdriver-manager update

(版本匹配： Node 6.9.5, NPM: 3.10.10）

附录： 注意事项：

** 每一个test case 都是一个新的instance， 浏览器没有上一个测试的cache （例如search String）

** 如果有多个action，那么是顺序执行的，（因为都是异步的， 都会放到event 列表中）

启动：

命令窗口1：

$> webdriver-manager start

命令窗口2

$> protractor protractor.conf.js

FAQ: 
Q: Unable to create new service: ChromeDriverService
A:

$>webdriver-manager update --chromedriver