如何使用量角器測試分頁功能

Question

請指導我如何使用量角器瀏覽不同頁面的分頁，我跟着這個博客：http://seleniumhome.blogspot.com/2013/07/how-can-we-automate-pagination-using.html，不幸的是代碼不工作。 這裏是我的應用程序的代碼：

<div class="vertical-align"> 
<ul class="pagination no-margins"> 
<li class="arrow unavailable" ng-class="{unavailable: currentPage === 0 || pagedRowsTotal.length == 0}"> 
<a class="ng-binding" ng-click="loadPage(0)" ng-bind-html="rsPaginatorText.first">First</a> 
</li> 
<li class="arrow unavailable" ng-class="{unavailable: currentGroup === 1 || pagedRowsTotal.length == 0}"> 
<li class="arrow unavailable" ng-class="{unavailable: currentPage === 0 || pagedRowsTotal.length == 0}"> 
<a class="ng-binding" ng-click="loadPage(currentPage - 1)" ng-bind-html="rsPaginatorText.previous">Previous</a> 
</li> 
<!-- ngRepeat: page in groupArray track by $index --> 
<li class="ng-scope current" ng-class="{current: page === (currentPage + 1)}" ng-repeat="page in groupArray track by $index"> 
<a class="ng-binding" ng-click="loadPage(page-1)">1</a> 
</li> 
<!-- end ngRepeat: page in groupArray track by $index --> 
<li class="ng-scope" ng-class="{current: page === (currentPage + 1)}" ng-repeat="page in groupArray track by $index"> 
<a class="ng-binding" ng-click="loadPage(page-1)">2</a> 
</li> 
<!-- end ngRepeat: page in groupArray track by $index --> 
<li class="ng-scope" ng-class="{current: page === (currentPage + 1)}" ng-repeat="page in groupArray track by $index"> 
<a class="ng-binding" ng-click="loadPage(page-1)">3</a> 
</li> 
<!-- end ngRepeat: page in groupArray track by $index --> 
<li class="ng-scope" ng-class="{current: page === (currentPage + 1)}" ng-repeat="page in groupArray track by $index"> 
<a class="ng-binding" ng-click="loadPage(page-1)">4</a> 
</li> 
<!-- end ngRepeat: page in groupArray track by $index --> 
<li class="ng-scope" ng-class="{current: page === (currentPage + 1)}" ng-repeat="page in groupArray track by $index"> 
<a class="ng-binding" ng-click="loadPage(page-1)">5</a> 
</li> 
<!-- end ngRepeat: page in groupArray track by $index --> 
<li class="arrow" ng-class="{unavailable: currentPage === pagedRowsTotal.length -1}"> 
<a class="ng-binding" ng-click="loadPage(currentPage + 1)" ng-bind-html="rsPaginatorText.next">Next</a> 
</li> 
<li class="arrow" ng-class="{unavailable: currentGroup === groupsTotal}"> 
<li class="arrow" ng-class="{unavailable: currentPage === pagedRowsTotal.length -1}"> 
<a class="ng-binding" ng-click="loadPage(pagedRowsTotal.length - 1)" ng-bind-html="rsPaginatorText.last">Last</a> 
</li> 
</ul> 

這是我嘗試過，但收到一個錯誤：

this.getPaginationsize = element.all(by.repeater('page in groupArray track by $index')); 

summaryPage.getPaginationsize.getSize().then(function (pagination) { 
      if (pagination > 0) { 

       for (var i = 0; i < pagination; i++) { 
        summaryPage.getPaginationsize.get(i).click(); 
       } 
      } else { 
       console.log('Pagination not exists'); 
      } 
     }); 

Failed: Cannot convert object to primitive value 

Answer 1

summaryPage.getPaginationsize.getSize()方法會返回一個對象與webelement的高度和寬度。相反，您需要使用summaryPage.getPaginationsize.count()來獲取pageSize的總數。

參考：

getSize()：http://www.protractortest.org/#/api?view=webdriver.WebElement.prototype.getSize count()：http://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.count