FPaginatorPageObject
Använd FPaginatorPageObject för att hämta information relaterat till FPaginator.
Samtliga exempel använder detta underlag:
<f-paginate-dataset :items="rows" :items-per-page="1">
<template #default="{ items: currentPageItems, currentPage, numberOfPages }">
<f-paginator v-test="'myPaginator'" :current-page :number-of-pages />
</template>
</f-paginate-dataset>FPaginatorPageObject()
Skapar ett nytt Cypress-pageobjekt.
Syntax
new FPaginatorPageObject(selector);
Parametrar
selector: string- Selector till
FPaginatorelementet. Du kan med fördel användav-testdirektivet för din selector.
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
paginator.el().should("have.attr", "data-test", "myPaginator");currentPageButton()
Används för att komma åt knapp för den nuvarande sidan.
Syntax
currentPageButton();
Returvärde
HTMLElement med knappen för den nuvarande sidan.
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
paginator.currentPageButton().should("contain.text", "1");nextButton()
Används för att komma åt knapp för att gå till nästa sida.
Syntax
nextButton();
Returvärde
HTMLElement med knappen för att gå till nästa sida.
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
paginator.currentPageButton().should("contain.text", "1");
// Go to next page
paginator.nextButton().click();
paginator.currentPageButton().should("contain.text", "2");pageButton()
Används för att komma åt knapp för att gå till en specifik sida eller samtliga sidknappar.
Syntax
pageButton(page);
Parametrar
page?: number | string- Nummer för knappens index; sträng för knappens sidnummer; odefinierat för samtliga sidknappar.
Returvärde
HTMLElement med knappen för att gå till den specifika sidan (om page är definerat); HTMLElement[] med samtliga sidknappar (om page är odefinerat).
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
// No param
const pageButtons = paginator.pageButton();
pageButtons.should("have.length", 9);
// String param
paginator.pageButton("3").click();
paginator.currentPageButton().should("contain.text", "3");
// Number param
paginator.pageButton(3).click();
paginator.currentPageButton().should("contain.text", "4");
// Number param with value "-1"
paginator.pageButton(-1).click();
paginator.currentPageButton().should("contain.text", "20");
// Number param with value "-2"
paginator.pageButton(-2).click();
paginator.currentPageButton().should("contain.text", "19");
// Number param with value "0"
paginator.pageButton(0).click();
paginator.currentPageButton().should("contain.text", "1");pageCounter()
Används för att komma åt element för sidräknare. Elementet ersätter sidknapparna i kompakt läge.
Syntax
pageCounter();
Returvärde
HTMLElement med sidräknare.
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
paginator.pageCounter().should("have.text", "1 av 20");previousButton()
Används för att komma åt knapp för att gå till föregående sida.
Syntax
previousButton();
Returvärde
HTMLElement med knappen för att gå till föregående sida.
Exempel
const paginator = new FPaginatorPageObject("[data-test='myPaginator']");
paginator.pageButton("3").click();
paginator.currentPageButton().should("contain.text", "3");
// Go to previous page
paginator.previousButton().click();
paginator.currentPageButton().should("contain.text", "2");