@civicactions/cmsds-open-data-components 2.1.0-alpha.4 → 2.1.0

package/lib/components/Pagination/pagination.test.js

@@ -1,30 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _testUtils = require("react-dom/test-utils");
+
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
 var _react2 = require("@testing-library/react");
+
 require("@testing-library/jest-dom/extend-expect");
+
 var _index = _interopRequireDefault(require("./index"));
+
 var TestComponent = function TestComponent(_ref) {
   var total = _ref.total,
-    current = _ref.current;
+      current = _ref.current;
+
   var _React$useState = _react["default"].useState(total),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    totalPages = _React$useState2[0],
-    setTotalPages = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      totalPages = _React$useState2[0],
+      setTotalPages = _React$useState2[1];
+
   var _React$useState3 = _react["default"].useState(1),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    itemsPerPage = _React$useState4[0],
-    setItemsPerPage = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      itemsPerPage = _React$useState4[0],
+      setItemsPerPage = _React$useState4[1];
+
   var _React$useState5 = _react["default"].useState(current),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    currentPage = _React$useState6[0],
-    setCurrentPage = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+      currentPage = _React$useState6[0],
+      setCurrentPage = _React$useState6[1];
+
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: function onClick() {
       return setTotalPages(10);
@@ -39,391 +53,488 @@ var TestComponent = function TestComponent(_ref) {
     buttonAction: setCurrentPage
   }));
 };
+
 describe('<Pagination />', function () {
   test('renders with 3 items', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
     var buttonClick, _render, container, initialPages, initialHidden, middlePages, middlePages2, middleHidden, endingPages, endingHidden;
+
     return _regenerator["default"].wrap(function _callee10$(_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
-        case 0:
-          buttonClick = jest.fn();
-          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
-            total: 10,
-            current: 1
-          })), container = _render.container;
-          initialPages = ['1', '2', '3', '4', '5', '...', '10'];
-          initialHidden = ['6', '7', '8', '9'];
-          middlePages = ['1', '4', '5', '6', '10'];
-          middlePages2 = ['1', '5', '6', '7', '10'];
-          middleHidden = ['2', '3', '4', '8', '9'];
-          endingPages = ['1', '...', '6', '7', '8', '9', '10'];
-          endingHidden = ['2', '3', '4', '5'];
-          initialPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          initialHidden.forEach(function (page) {
-            return expect(_react2.screen.queryByText(page)).not.toBeInTheDocument();
-          });
-          // CLICK THROUGH EACH BUTTON TO MAKE SURE THE CORRECT PAGE BUTTONS ARE SHOWN
-          _context10.next = 13;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-            return _regenerator["default"].wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('2'));
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          })));
-        case 13:
-          initialPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 16;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-            return _regenerator["default"].wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('3'));
-                case 1:
-                case "end":
-                  return _context2.stop();
-              }
-            }, _callee2);
-          })));
-        case 16:
-          initialPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 19;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-            return _regenerator["default"].wrap(function _callee3$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('4'));
-                case 1:
-                case "end":
-                  return _context3.stop();
-              }
-            }, _callee3);
-          })));
-        case 19:
-          initialPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 22;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-            return _regenerator["default"].wrap(function _callee4$(_context4) {
-              while (1) switch (_context4.prev = _context4.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('5')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context4.stop();
-              }
-            }, _callee4);
-          })));
-        case 22:
-          middlePages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          expect(_react2.screen.getAllByText('...').length).toBe(2);
-          _context10.next = 26;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-            return _regenerator["default"].wrap(function _callee5$(_context5) {
-              while (1) switch (_context5.prev = _context5.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('6')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context5.stop();
-              }
-            }, _callee5);
-          })));
-        case 26:
-          middlePages2.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          expect(_react2.screen.getAllByText('...').length).toBe(2);
-          _context10.next = 30;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-            return _regenerator["default"].wrap(function _callee6$(_context6) {
-              while (1) switch (_context6.prev = _context6.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('7')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context6.stop();
-              }
-            }, _callee6);
-          })));
-        case 30:
-          endingPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 33;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-            return _regenerator["default"].wrap(function _callee7$(_context7) {
-              while (1) switch (_context7.prev = _context7.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('8')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context7.stop();
-              }
-            }, _callee7);
-          })));
-        case 33:
-          endingPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 36;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-            return _regenerator["default"].wrap(function _callee8$(_context8) {
-              while (1) switch (_context8.prev = _context8.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('9')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context8.stop();
-              }
-            }, _callee8);
-          })));
-        case 36:
-          endingPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-          _context10.next = 39;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-            return _regenerator["default"].wrap(function _callee9$(_context9) {
-              while (1) switch (_context9.prev = _context9.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('10')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context9.stop();
-              }
-            }, _callee9);
-          })));
-        case 39:
-          endingPages.forEach(function (page) {
-            return expect(_react2.screen.getByText(page)).toBeInTheDocument();
-          });
-        case 40:
-        case "end":
-          return _context10.stop();
+      while (1) {
+        switch (_context10.prev = _context10.next) {
+          case 0:
+            buttonClick = jest.fn();
+            _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
+              total: 10,
+              current: 1
+            })), container = _render.container;
+            initialPages = ['1', '2', '3', '4', '5', '...', '10'];
+            initialHidden = ['6', '7', '8', '9'];
+            middlePages = ['1', '4', '5', '6', '10'];
+            middlePages2 = ['1', '5', '6', '7', '10'];
+            middleHidden = ['2', '3', '4', '8', '9'];
+            endingPages = ['1', '...', '6', '7', '8', '9', '10'];
+            endingHidden = ['2', '3', '4', '5'];
+            initialPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            initialHidden.forEach(function (page) {
+              return expect(_react2.screen.queryByText(page)).not.toBeInTheDocument();
+            }); // CLICK THROUGH EACH BUTTON TO MAKE SURE THE CORRECT PAGE BUTTONS ARE SHOWN
+
+            _context10.next = 13;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+              return _regenerator["default"].wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('2'));
+
+                    case 1:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee);
+            })));
+
+          case 13:
+            initialPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 16;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+              return _regenerator["default"].wrap(function _callee2$(_context2) {
+                while (1) {
+                  switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('3'));
+
+                    case 1:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }
+              }, _callee2);
+            })));
+
+          case 16:
+            initialPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 19;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+              return _regenerator["default"].wrap(function _callee3$(_context3) {
+                while (1) {
+                  switch (_context3.prev = _context3.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('4'));
+
+                    case 1:
+                    case "end":
+                      return _context3.stop();
+                  }
+                }
+              }, _callee3);
+            })));
+
+          case 19:
+            initialPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 22;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+              return _regenerator["default"].wrap(function _callee4$(_context4) {
+                while (1) {
+                  switch (_context4.prev = _context4.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('5')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context4.stop();
+                  }
+                }
+              }, _callee4);
+            })));
+
+          case 22:
+            middlePages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            expect(_react2.screen.getAllByText('...').length).toBe(2);
+            _context10.next = 26;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+              return _regenerator["default"].wrap(function _callee5$(_context5) {
+                while (1) {
+                  switch (_context5.prev = _context5.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('6')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context5.stop();
+                  }
+                }
+              }, _callee5);
+            })));
+
+          case 26:
+            middlePages2.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            expect(_react2.screen.getAllByText('...').length).toBe(2);
+            _context10.next = 30;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+              return _regenerator["default"].wrap(function _callee6$(_context6) {
+                while (1) {
+                  switch (_context6.prev = _context6.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('7')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context6.stop();
+                  }
+                }
+              }, _callee6);
+            })));
+
+          case 30:
+            endingPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 33;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+              return _regenerator["default"].wrap(function _callee7$(_context7) {
+                while (1) {
+                  switch (_context7.prev = _context7.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('8')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context7.stop();
+                  }
+                }
+              }, _callee7);
+            })));
+
+          case 33:
+            endingPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 36;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+              return _regenerator["default"].wrap(function _callee8$(_context8) {
+                while (1) {
+                  switch (_context8.prev = _context8.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('9')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context8.stop();
+                  }
+                }
+              }, _callee8);
+            })));
+
+          case 36:
+            endingPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+            _context10.next = 39;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() {
+              return _regenerator["default"].wrap(function _callee9$(_context9) {
+                while (1) {
+                  switch (_context9.prev = _context9.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('10')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context9.stop();
+                  }
+                }
+              }, _callee9);
+            })));
+
+          case 39:
+            endingPages.forEach(function (page) {
+              return expect(_react2.screen.getByText(page)).toBeInTheDocument();
+            });
+
+          case 40:
+          case "end":
+            return _context10.stop();
+        }
       }
     }, _callee10);
   })));
   test('MaxLength pages show all', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
     var buttonClick, _render2, container;
+
     return _regenerator["default"].wrap(function _callee12$(_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
-        case 0:
-          buttonClick = jest.fn();
-          _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
-            total: 7,
-            current: 1
-          })), container = _render2.container;
-          expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-          expect(_react2.screen.getByText('2')).toBeInTheDocument();
-          expect(_react2.screen.getByText('3')).toBeInTheDocument();
-          expect(_react2.screen.getByText('4')).toBeInTheDocument();
-          expect(_react2.screen.getByText('5')).toBeInTheDocument();
-          expect(_react2.screen.getByText('6')).toBeInTheDocument();
-          expect(_react2.screen.getByText('7')).toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-          _context12.next = 13;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-            return _regenerator["default"].wrap(function _callee11$(_context11) {
-              while (1) switch (_context11.prev = _context11.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('4'));
-                case 1:
-                case "end":
-                  return _context11.stop();
-              }
-            }, _callee11);
-          })));
-        case 13:
-          expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-          expect(_react2.screen.getByText('2')).toBeInTheDocument();
-          expect(_react2.screen.getByText('3')).toBeInTheDocument();
-          expect(_react2.screen.getByText('4')).toBeInTheDocument();
-          expect(_react2.screen.getByText('5')).toBeInTheDocument();
-          expect(_react2.screen.getByText('6')).toBeInTheDocument();
-          expect(_react2.screen.getByText('7')).toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-        case 22:
-        case "end":
-          return _context12.stop();
+      while (1) {
+        switch (_context12.prev = _context12.next) {
+          case 0:
+            buttonClick = jest.fn();
+            _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
+              total: 7,
+              current: 1
+            })), container = _render2.container;
+            expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+            expect(_react2.screen.getByText('2')).toBeInTheDocument();
+            expect(_react2.screen.getByText('3')).toBeInTheDocument();
+            expect(_react2.screen.getByText('4')).toBeInTheDocument();
+            expect(_react2.screen.getByText('5')).toBeInTheDocument();
+            expect(_react2.screen.getByText('6')).toBeInTheDocument();
+            expect(_react2.screen.getByText('7')).toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument();
+            _context12.next = 13;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() {
+              return _regenerator["default"].wrap(function _callee11$(_context11) {
+                while (1) {
+                  switch (_context11.prev = _context11.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('4'));
+
+                    case 1:
+                    case "end":
+                      return _context11.stop();
+                  }
+                }
+              }, _callee11);
+            })));
+
+          case 13:
+            expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+            expect(_react2.screen.getByText('2')).toBeInTheDocument();
+            expect(_react2.screen.getByText('3')).toBeInTheDocument();
+            expect(_react2.screen.getByText('4')).toBeInTheDocument();
+            expect(_react2.screen.getByText('5')).toBeInTheDocument();
+            expect(_react2.screen.getByText('6')).toBeInTheDocument();
+            expect(_react2.screen.getByText('7')).toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument();
+
+          case 22:
+          case "end":
+            return _context12.stop();
+        }
       }
     }, _callee12);
   })));
   test('works with one page', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
     var buttonClick, _render3, container;
+
     return _regenerator["default"].wrap(function _callee14$(_context14) {
-      while (1) switch (_context14.prev = _context14.next) {
-        case 0:
-          buttonClick = jest.fn();
-          _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
-            total: 1,
-            current: 1
-          })), container = _render3.container;
-          expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-          expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument();
-          _context14.next = 7;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-            return _regenerator["default"].wrap(function _callee13$(_context13) {
-              while (1) switch (_context13.prev = _context13.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('1'));
-                case 1:
-                case "end":
-                  return _context13.stop();
-              }
-            }, _callee13);
-          })));
-        case 7:
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-        case 8:
-        case "end":
-          return _context14.stop();
+      while (1) {
+        switch (_context14.prev = _context14.next) {
+          case 0:
+            buttonClick = jest.fn();
+            _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
+              total: 1,
+              current: 1
+            })), container = _render3.container;
+            expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+            expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument();
+            _context14.next = 7;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() {
+              return _regenerator["default"].wrap(function _callee13$(_context13) {
+                while (1) {
+                  switch (_context13.prev = _context13.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('1'));
+
+                    case 1:
+                    case "end":
+                      return _context13.stop();
+                  }
+                }
+              }, _callee13);
+            })));
+
+          case 7:
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+
+          case 8:
+          case "end":
+            return _context14.stop();
+        }
       }
     }, _callee14);
   })));
   test('pagination buttons update when total pages changes', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee16() {
     var buttonClick, _render4, container;
+
     return _regenerator["default"].wrap(function _callee16$(_context16) {
-      while (1) switch (_context16.prev = _context16.next) {
-        case 0:
-          buttonClick = jest.fn();
-          _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
-            total: 10,
-            current: 1
-          })), container = _render4.container;
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-          expect(_react2.screen.getByText('10')).toBeInTheDocument();
-          _context16.next = 6;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-            return _regenerator["default"].wrap(function _callee15$(_context15) {
-              while (1) switch (_context15.prev = _context15.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('30 pages')); // 1 ... 4 5 6 ... 10
-                case 1:
-                case "end":
-                  return _context15.stop();
-              }
-            }, _callee15);
-          })));
-        case 6:
-          expect(_react2.screen.getByText('1')).toBeInTheDocument();
-          expect(_react2.screen.getByText('30')).toBeInTheDocument();
-          expect(_react2.screen.queryByText('10')).not.toBeInTheDocument();
-        case 9:
-        case "end":
-          return _context16.stop();
+      while (1) {
+        switch (_context16.prev = _context16.next) {
+          case 0:
+            buttonClick = jest.fn();
+            _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
+              total: 10,
+              current: 1
+            })), container = _render4.container;
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+            expect(_react2.screen.getByText('10')).toBeInTheDocument();
+            _context16.next = 6;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15() {
+              return _regenerator["default"].wrap(function _callee15$(_context15) {
+                while (1) {
+                  switch (_context15.prev = _context15.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('30 pages')); // 1 ... 4 5 6 ... 10
+
+
+                    case 1:
+                    case "end":
+                      return _context15.stop();
+                  }
+                }
+              }, _callee15);
+            })));
+
+          case 6:
+            expect(_react2.screen.getByText('1')).toBeInTheDocument();
+            expect(_react2.screen.getByText('30')).toBeInTheDocument();
+            expect(_react2.screen.queryByText('10')).not.toBeInTheDocument();
+
+          case 9:
+          case "end":
+            return _context16.stop();
+        }
       }
     }, _callee16);
   })));
   test('Can use next/prev button', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee22() {
     var _render5, container;
+
     return _regenerator["default"].wrap(function _callee22$(_context22) {
-      while (1) switch (_context22.prev = _context22.next) {
-        case 0:
-          _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
-            total: 10,
-            current: 1
-          })), container = _render5.container; // INITIAL STATE ON PAGE 1
-          expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-          // CLICK NEXT TO PAGE 2
-          _context22.next = 5;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee17() {
-            return _regenerator["default"].wrap(function _callee17$(_context17) {
-              while (1) switch (_context17.prev = _context17.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('Next'));
-                case 1:
-                case "end":
-                  return _context17.stop();
-              }
-            }, _callee17);
-          })));
-        case 5:
-          expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-          // CLICK PREVIOUS BACK TO PAGE 1
-          _context22.next = 9;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-            return _regenerator["default"].wrap(function _callee18$(_context18) {
-              while (1) switch (_context18.prev = _context18.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('Previous'));
-                case 1:
-                case "end":
-                  return _context18.stop();
-              }
-            }, _callee18);
-          })));
-        case 9:
-          expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-          // JUMP TO LAST PAGE
-          _context22.next = 13;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee19() {
-            return _regenerator["default"].wrap(function _callee19$(_context19) {
-              while (1) switch (_context19.prev = _context19.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('10'));
-                case 1:
-                case "end":
-                  return _context19.stop();
-              }
-            }, _callee19);
-          })));
-        case 13:
-          expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
-          expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument();
-          // CLICK PREVIOUS TO PAGE 9
-          _context22.next = 17;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee20() {
-            return _regenerator["default"].wrap(function _callee20$(_context20) {
-              while (1) switch (_context20.prev = _context20.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('Previous'));
-                case 1:
-                case "end":
-                  return _context20.stop();
-              }
-            }, _callee20);
-          })));
-        case 17:
-          expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
-          expect(_react2.screen.getByText('Next')).toBeInTheDocument();
-          // CLICK NEXT TO PAGE 10
-          _context22.next = 21;
-          return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee21() {
-            return _regenerator["default"].wrap(function _callee21$(_context21) {
-              while (1) switch (_context21.prev = _context21.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByText('Next'));
-                case 1:
-                case "end":
-                  return _context21.stop();
-              }
-            }, _callee21);
-          })));
-        case 21:
-          expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
-          expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument();
-        case 23:
-        case "end":
-          return _context22.stop();
+      while (1) {
+        switch (_context22.prev = _context22.next) {
+          case 0:
+            _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, {
+              total: 10,
+              current: 1
+            })), container = _render5.container; // INITIAL STATE ON PAGE 1
+
+            expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument(); // CLICK NEXT TO PAGE 2
+
+            _context22.next = 5;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+              return _regenerator["default"].wrap(function _callee17$(_context17) {
+                while (1) {
+                  switch (_context17.prev = _context17.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('Next'));
+
+                    case 1:
+                    case "end":
+                      return _context17.stop();
+                  }
+                }
+              }, _callee17);
+            })));
+
+          case 5:
+            expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument(); // CLICK PREVIOUS BACK TO PAGE 1
+
+            _context22.next = 9;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+              return _regenerator["default"].wrap(function _callee18$(_context18) {
+                while (1) {
+                  switch (_context18.prev = _context18.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('Previous'));
+
+                    case 1:
+                    case "end":
+                      return _context18.stop();
+                  }
+                }
+              }, _callee18);
+            })));
+
+          case 9:
+            expect(_react2.screen.queryByText('Previous')).not.toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument(); // JUMP TO LAST PAGE
+
+            _context22.next = 13;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+              return _regenerator["default"].wrap(function _callee19$(_context19) {
+                while (1) {
+                  switch (_context19.prev = _context19.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('10'));
+
+                    case 1:
+                    case "end":
+                      return _context19.stop();
+                  }
+                }
+              }, _callee19);
+            })));
+
+          case 13:
+            expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
+            expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument(); // CLICK PREVIOUS TO PAGE 9
+
+            _context22.next = 17;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee20() {
+              return _regenerator["default"].wrap(function _callee20$(_context20) {
+                while (1) {
+                  switch (_context20.prev = _context20.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('Previous'));
+
+                    case 1:
+                    case "end":
+                      return _context20.stop();
+                  }
+                }
+              }, _callee20);
+            })));
+
+          case 17:
+            expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
+            expect(_react2.screen.getByText('Next')).toBeInTheDocument(); // CLICK NEXT TO PAGE 10
+
+            _context22.next = 21;
+            return (0, _testUtils.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee21() {
+              return _regenerator["default"].wrap(function _callee21$(_context21) {
+                while (1) {
+                  switch (_context21.prev = _context21.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByText('Next'));
+
+                    case 1:
+                    case "end":
+                      return _context21.stop();
+                  }
+                }
+              }, _callee21);
+            })));
+
+          case 21:
+            expect(_react2.screen.getByText('Previous')).toBeInTheDocument();
+            expect(_react2.screen.queryByText('Next')).not.toBeInTheDocument();
+
+          case 23:
+          case "end":
+            return _context22.stop();
+        }
       }
     }, _callee22);
   })));