[fix] tests for pagination using testing classnames

kbss-cvut · May 13, 2024 · eda8aa5 · eda8aa5
1 parent f666400
commit eda8aa5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/components/misc/Pagination.jsx b/src/components/misc/Pagination.jsx
@@ -63,8 +63,16 @@ const Pagination = ({ pageNumber, handlePagination, itemCount, pageCount, allowS
     <>
       <div className="d-flex justify-content-center">
         <BSPagination>
-          <BSPagination.First disabled={pageNumber === INITIAL_PAGE} onClick={() => handlePagination(INITIAL_PAGE)} />
-          <BSPagination.Prev disabled={pageNumber === INITIAL_PAGE} onClick={() => handlePagination(pageNumber - 1)} />
+          <BSPagination.First
+            className="test-pag-arrow"
+            disabled={pageNumber === INITIAL_PAGE}
+            onClick={() => handlePagination(INITIAL_PAGE)}
+          />
+          <BSPagination.Prev
+            className="test-pag-arrow"
+            disabled={pageNumber === INITIAL_PAGE}
+            onClick={() => handlePagination(pageNumber - 1)}
+          />
           {generatePageNumbers().map((pageNum, i) => {
             if (pageNum === "...") {
               return <BSPagination.Ellipsis key={i} />;
@@ -80,7 +88,11 @@ const Pagination = ({ pageNumber, handlePagination, itemCount, pageCount, allowS
               {pageCount + 1}
             </BSPagination.Item>
           )}
-          <BSPagination.Next disabled={pageNumber >= pageCount} onClick={() => handlePagination(pageNumber + 1)} />
+          <BSPagination.Next
+            className="test-pag-arrow"
+            disabled={pageNumber >= pageCount}
+            onClick={() => handlePagination(pageNumber + 1)}
+          />
         </BSPagination>
       </div>
       {allowSizeChange && (

diff --git a/tests/__tests__/components/Pagination.spec.jsx b/tests/__tests__/components/Pagination.spec.jsx
@@ -17,7 +17,7 @@ describe("Pagination", function () {
     );
     const pagination = TestUtils.findRenderedDOMComponentWithClass(tree, "pagination");
     expect(pagination).not.toBeNull();
-    const li = TestUtils.scryRenderedDOMComponentsWithTag(tree, "li");
-    expect(li.length).toEqual(4);
+    const li = TestUtils.scryRenderedDOMComponentsWithClass(tree, "test-pag-arrow");
+    expect(li.length).toEqual(3);
   });
 });