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

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

@@ -1,541 +0,0 @@
-"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;
-
-  var _React$useState = _react["default"].useState(total),
-      _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];
-
-  var _React$useState5 = _react["default"].useState(current),
-      _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);
-    }
-  }, "10 pages"), /*#__PURE__*/_react["default"].createElement("button", {
-    onClick: function onClick() {
-      return setTotalPages(30);
-    }
-  }, "30 pages"), /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    currentPage: currentPage,
-    totalPages: totalPages,
-    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();
-        }
-      }
-    }, _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();
-        }
-      }
-    }, _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();
-        }
-      }
-    }, _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();
-        }
-      }
-    }, _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();
-        }
-      }
-    }, _callee22);
-  })));
-});

package/lib/components/ResourceConditionField/ResourceConditionalField.test.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _index = _interopRequireDefault(require("./index"));
-
-/**
- * @jest-environment jsdom
- */
-describe('<ResourceConditionalField />', function () {
-  test('Placeholder', function () {
-    expect(true).toBeTruthy();
-  });
-});