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

標籤：tag   var   class   index   test   app   val   tor   arc   

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