@civicactions/cmsds-open-data-components 2.0.4 → 2.0.5-alpha.1

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

@@ -1,44 +1,30 @@
 "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);
@@ -53,488 +39,391 @@ 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);
   })));