Added paginator test

Author: raquelarrojo

lib/src/paginator/Paginator.test.js

@@ -22,41 +22,39 @@ global.DOMRect = {
 
 describe("Paginator component tests", () => {
   test("Paginator renders with default values", () => {
-    const { getByText } = render(<DxcPaginator></DxcPaginator>);
+    const { getByText } = render(<DxcPaginator />);
     expect(getByText("1 to 1 of 1")).toBeTruthy();
     expect(getByText("Page: 1 of 1")).toBeTruthy();
   });
 
   test("Paginator renders with currentPage", () => {
-    const { getByText } = render(<DxcPaginator currentPage={2}></DxcPaginator>);
+    const { getByText } = render(<DxcPaginator currentPage={2} />);
     expect(getByText("Page: 2 of 1")).toBeTruthy();
   });
 
   test("Paginator renders with itemsPerPageOptions", () => {
     const { getByText } = render(
-      <DxcPaginator currentPage={1} itemsPerPage={10} itemsPerPageOptions={[10, 15]} totalItems={20}></DxcPaginator>
+      <DxcPaginator currentPage={1} itemsPerPage={10} itemsPerPageOptions={[10, 15]} totalItems={20} />
     );
     expect(getByText("Items per page:")).toBeTruthy();
     expect(getByText("1 to 10 of 20")).toBeTruthy();
     expect(getByText("Page: 1 of 2")).toBeTruthy();
   });
 
   test("Paginator renders with totalItems", () => {
-    const { getByText } = render(<DxcPaginator totalItems={20}></DxcPaginator>);
+    const { getByText } = render(<DxcPaginator totalItems={20} />);
     expect(getByText("1 to 5 of 20")).toBeTruthy();
     expect(getByText("Page: 1 of 4")).toBeTruthy();
   });
 
   test("Paginator renders with correct text in second page", () => {
-    const { getByText } = render(<DxcPaginator currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>);
+    const { getByText } = render(<DxcPaginator currentPage={2} itemsPerPage={10} totalItems={20} />);
     expect(getByText("11 to 20 of 20")).toBeTruthy();
     expect(getByText("Page: 2 of 2")).toBeTruthy();
   });
 
   test("Paginator renders goToPage select", () => {
-    const { getByText } = render(
-      <DxcPaginator currentPage={2} showGoToPage itemsPerPage={10} totalItems={20}></DxcPaginator>
-    );
+    const { getByText } = render(<DxcPaginator currentPage={2} showGoToPage itemsPerPage={10} totalItems={20} />);
     expect(getByText("Go to page:")).toBeTruthy();
   });
 
@@ -81,7 +79,7 @@ describe("Paginator component tests", () => {
   test("Call correct goToPageFunction", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20} />
     );
     const nextButton = getAllByRole("button")[2];
     userEvent.click(nextButton);
@@ -115,7 +113,7 @@ describe("Paginator component tests", () => {
   test("Next button is disable in last page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20} />
     );
     const nextButton = getAllByRole("button")[2];
     expect(nextButton.hasAttribute("disabled")).toBeTruthy();
@@ -126,7 +124,7 @@ describe("Paginator component tests", () => {
   test("Last button is disable in last page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20} />
     );
     const lastButton = getAllByRole("button")[3];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
@@ -137,7 +135,7 @@ describe("Paginator component tests", () => {
   test("First button is disable in first page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20} />
     );
     const lastButton = getAllByRole("button")[0];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
@@ -148,7 +146,7 @@ describe("Paginator component tests", () => {
   test("Previous button is disable in first page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20} />
     );
     const lastButton = getAllByRole("button")[1];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
@@ -159,7 +157,7 @@ describe("Paginator component tests", () => {
   test("Last and next buttons are disable in last page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={2} itemsPerPage={10} totalItems={20} />
     );
     const firstButton = getAllByRole("button")[0];
     const prevButton = getAllByRole("button")[1];
@@ -174,7 +172,7 @@ describe("Paginator component tests", () => {
   test("First and previous buttons are disable in first page", () => {
     const onClick = jest.fn();
     const { getAllByRole } = render(
-      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20}></DxcPaginator>
+      <DxcPaginator onPageChange={onClick} currentPage={1} itemsPerPage={10} totalItems={20} />
     );
     const firstButton = getAllByRole("button")[0];
     const prevButton = getAllByRole("button")[1];
@@ -185,4 +183,12 @@ describe("Paginator component tests", () => {
     expect(nextButton.hasAttribute("disabled")).toBeFalsy();
     expect(lastButton.hasAttribute("disabled")).toBeFalsy();
   });
+
+  test("itemsPerPage is 0 and showGoToPage is true", () => {
+    const { getByText, getAllByRole } = render(
+      <DxcPaginator itemsPerPage={0} itemsPerPageOptions={[5, 10, 15]} totalItems={27} showGoToPage />
+    );
+    expect(getByText("Items per page:")).toBeTruthy();
+    expect(getAllByRole("combobox")).toBeTruthy();
+  });
 });