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.sendkeys(‘muy text‘);

ele.clear(); clear the text

ele.getAttribute(‘value‘); // 獲取元素的值

ele.getText().then(function(text) { // 因為action是異步，

console.log(text);

// 這裏也可以寫expect

}

三、

附錄： 註意事項：

** 每一個test case 都是一個新的instance， 瀏覽器沒有上一個測試的cache （例如search String）

** 如果有多個action，那麽是順序執行的，（因為都是異步的， 都會放到event 列表中）

WebApp的自動測試工具： protractor和selenium