Comment tester la fonctionnalité de pagination en utilisant Protractor

Question

S'il vous plaît guidez-moi comment naviguer à travers différentes pages de pagination en utilisant Protractor, j'ai suivi ce blog: http://seleniumhome.blogspot.com/2013/07/how-can-we-automate-pagination-using.html, malheureusement, le code ne fonctionne pas. Voici le code de mon application:

<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> 

C'est ce que je l'ai essayé, mais recevoir une erreur:

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

méthode summaryPage.getPaginationsize.getSize() retourne un objet avec la hauteur et la largeur d'un WebElement. Au lieu de cela, vous devez utiliser summaryPage.getPaginationsize.count() pour obtenir le nombre total de pageSize.

Référence:

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