@civicactions/cmsds-open-data-components 2.0.5 → 2.0.6

package/lib/components/ResourceFilter/resourcefilter.test.js

@@ -1,21 +1,29 @@
 "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 _reactHooks = require("@testing-library/react-hooks");
+
 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"));
+
 /**
  * @jest-environment jsdom
  */
-
 // import { act } from 'react-dom/test-utils';
-
 var columns = ['column_1', 'column_2', 'column_3'];
 var sampleDefaultCondition = {
   operator: '',
@@ -62,6 +70,7 @@ var sampleResource2 = {
     return {};
   }
 };
+
 var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
   id: '1234-abcd',
   filterOpen: true,
@@ -72,6 +81,7 @@ var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"]
   resource: sampleResource,
   includeSearchParams: true
 });
+
 var PreFilledFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
   id: '1234-abcd',
   filterOpen: true,
@@ -82,11 +92,13 @@ var PreFilledFilter = /*#__PURE__*/_react["default"].createElement(_index["defau
   resource: sampleResource2,
   includeSearchParams: true
 });
+
 var WrapperComponent = function WrapperComponent() {
   var _React$useState = _react["default"].useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    conditions = _React$useState2[0],
-    setConditions = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      conditions = _React$useState2[0],
+      setConditions = _React$useState2[1];
+
   return /*#__PURE__*/_react["default"].createElement(_index["default"], {
     id: '1234-abcd',
     filterOpen: true,
@@ -104,273 +116,324 @@ var WrapperComponent = function WrapperComponent() {
     includeSearchParams: true
   });
 };
+
 describe('Resource Filter Functions', function () {
   test('renders with header and close button', /*#__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:
-          (0, _react2.render)(BasicFilter);
-          expect(_react2.screen.getByRole('heading', {
-            level: 3,
-            name: 'Add filters'
-          })).toBeInTheDocument();
-          expect(_react2.screen.getByRole('button', {
-            name: 'Close help drawer'
-          })).toBeInTheDocument();
-        case 3:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            (0, _react2.render)(BasicFilter);
+            expect(_react2.screen.getByRole('heading', {
+              level: 3,
+              name: 'Add filters'
+            })).toBeInTheDocument();
+            expect(_react2.screen.getByRole('button', {
+              name: 'Close help drawer'
+            })).toBeInTheDocument();
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));
   test('renders with footer', /*#__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:
-          (0, _react2.render)(BasicFilter);
-          expect(_react2.screen.getByRole('heading', {
-            level: 4,
-            name: 'Update actions'
-          })).toBeInTheDocument();
-          expect(_react2.screen.getByRole('button', {
-            name: 'Update table'
-          })).toBeInTheDocument();
-        case 3:
-        case "end":
-          return _context2.stop();
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            (0, _react2.render)(BasicFilter);
+            expect(_react2.screen.getByRole('heading', {
+              level: 4,
+              name: 'Update actions'
+            })).toBeInTheDocument();
+            expect(_react2.screen.getByRole('button', {
+              name: 'Update table'
+            })).toBeInTheDocument();
+
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));
   test('does not render Remove all filters button with less than 2 filters', /*#__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:
-          (0, _react2.render)(BasicFilter);
-          expect(_react2.screen.queryByRole('button', {
-            name: 'Remove all filters'
-          })).not.toBeInTheDocument();
-        case 2:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            (0, _react2.render)(BasicFilter);
+            expect(_react2.screen.queryByRole('button', {
+              name: 'Remove all filters'
+            })).not.toBeInTheDocument();
+
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee3);
   })));
   test('renders an empty field on clean start', /*#__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:
-          (0, _react2.render)(BasicFilter);
-          expect(_react2.screen.getByLabelText('Filter column')).toBeInTheDocument();
-          expect(_react2.screen.getByLabelText('Filter operator')).toBeInTheDocument();
-          expect(_react2.screen.getByLabelText('Filter value')).toBeInTheDocument();
-          expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
-          expect(_react2.screen.getByDisplayValue('--')).toBeInTheDocument();
-          expect(_react2.screen.getByRole('button', {
-            name: 'Remove filter'
-          })).toBeInTheDocument();
-          expect(_react2.screen.getByRole('button', {
-            name: '+ Add another filter'
-          })).toBeInTheDocument();
-        case 8:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            (0, _react2.render)(BasicFilter);
+            expect(_react2.screen.getByLabelText('Filter column')).toBeInTheDocument();
+            expect(_react2.screen.getByLabelText('Filter operator')).toBeInTheDocument();
+            expect(_react2.screen.getByLabelText('Filter value')).toBeInTheDocument();
+            expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
+            expect(_react2.screen.getByDisplayValue('--')).toBeInTheDocument();
+            expect(_react2.screen.getByRole('button', {
+              name: 'Remove filter'
+            })).toBeInTheDocument();
+            expect(_react2.screen.getByRole('button', {
+              name: '+ Add another filter'
+            })).toBeInTheDocument();
+
+          case 8:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee4);
   })));
   test('test basic filter', /*#__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:
-          (0, _react2.render)(BasicFilter);
-          expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
-          expect(_react2.screen.getByRole('option', {
-            name: 'Select column'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByRole('option', {
-            name: 'column_1'
-          }).selected).toBe(false);
-          expect(_react2.screen.getByRole('option', {
-            name: '--'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
-          _context7.next = 8;
-          return (0, _reactHooks.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"].selectOptions(_react2.screen.getByRole('combobox', {
-                    name: 'Filter column'
-                  }), ['column_1']);
-                case 1:
-                case "end":
-                  return _context5.stop();
-              }
-            }, _callee5);
-          })));
-        case 8:
-          expect(_react2.screen.getByRole('option', {
-            name: 'Select column'
-          }).selected).toBe(false);
-          expect(_react2.screen.getByRole('option', {
-            name: 'column_1'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByRole('option', {
-            name: 'Is'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
-          _context7.next = 14;
-          return (0, _reactHooks.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"].selectOptions(_react2.screen.getByRole('combobox', {
-                    name: 'Filter column'
-                  }), ['Select column']);
-                case 1:
-                case "end":
-                  return _context6.stop();
-              }
-            }, _callee6);
-          })));
-        case 14:
-          expect(_react2.screen.getByRole('option', {
-            name: 'Select column'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByRole('option', {
-            name: 'column_1'
-          }).selected).toBe(false);
-          expect(_react2.screen.getByRole('option', {
-            name: '--'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
-        case 18:
-        case "end":
-          return _context7.stop();
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            (0, _react2.render)(BasicFilter);
+            expect(_react2.screen.getByDisplayValue('Select column')).toBeInTheDocument();
+            expect(_react2.screen.getByRole('option', {
+              name: 'Select column'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByRole('option', {
+              name: 'column_1'
+            }).selected).toBe(false);
+            expect(_react2.screen.getByRole('option', {
+              name: '--'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
+            _context7.next = 8;
+            return (0, _reactHooks.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"].selectOptions(_react2.screen.getByRole('combobox', {
+                        name: 'Filter column'
+                      }), ['column_1']);
+
+                    case 1:
+                    case "end":
+                      return _context5.stop();
+                  }
+                }
+              }, _callee5);
+            })));
+
+          case 8:
+            expect(_react2.screen.getByRole('option', {
+              name: 'Select column'
+            }).selected).toBe(false);
+            expect(_react2.screen.getByRole('option', {
+              name: 'column_1'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByRole('option', {
+              name: 'Is'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
+            _context7.next = 14;
+            return (0, _reactHooks.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"].selectOptions(_react2.screen.getByRole('combobox', {
+                        name: 'Filter column'
+                      }), ['Select column']);
+
+                    case 1:
+                    case "end":
+                      return _context6.stop();
+                  }
+                }
+              }, _callee6);
+            })));
+
+          case 14:
+            expect(_react2.screen.getByRole('option', {
+              name: 'Select column'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByRole('option', {
+              name: 'column_1'
+            }).selected).toBe(false);
+            expect(_react2.screen.getByRole('option', {
+              name: '--'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByLabelText('Filter value')).toBeDisabled();
+
+          case 18:
+          case "end":
+            return _context7.stop();
+        }
       }
     }, _callee7);
   })));
   test('opens pre-filled', /*#__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:
-          (0, _react2.render)(PreFilledFilter);
-          expect(_react2.screen.getByDisplayValue('column_2')).toBeInTheDocument();
-          expect(_react2.screen.getByRole('option', {
-            name: 'column_2'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByRole('option', {
-            name: 'Contains'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
-          expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
-        case 6:
-        case "end":
-          return _context8.stop();
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            (0, _react2.render)(PreFilledFilter);
+            expect(_react2.screen.getByDisplayValue('column_2')).toBeInTheDocument();
+            expect(_react2.screen.getByRole('option', {
+              name: 'column_2'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByRole('option', {
+              name: 'Contains'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByLabelText('Filter value')).not.toBeDisabled();
+            expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
+
+          case 6:
+          case "end":
+            return _context8.stop();
+        }
       }
     }, _callee8);
   })));
   test('remove all works', /*#__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:
-          (0, _react2.render)(PreFilledFilter);
-          expect(_react2.screen.getByRole('option', {
-            name: 'column_2'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByRole('option', {
-            name: 'Contains'
-          }).selected).toBe(true);
-          expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
-          expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(1);
-          expect(_react2.screen.getByRole('button', {
-            name: '+ Add another filter'
-          })).toBeInTheDocument();
-          expect(_react2.screen.queryByRole('button', {
-            name: 'Remove all filters'
-          })).not.toBeInTheDocument();
-          _context11.next = 9;
-          return (0, _reactHooks.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.getByRole('button', {
-                    name: '+ Add another filter'
-                  }));
-                case 1:
-                case "end":
-                  return _context9.stop();
-              }
-            }, _callee9);
-          })));
-        case 9:
-          expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(2);
-          expect(_react2.screen.getByRole('button', {
-            name: 'Remove all filters'
-          })).toBeInTheDocument();
-          _context11.next = 13;
-          return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-            return _regenerator["default"].wrap(function _callee10$(_context10) {
-              while (1) switch (_context10.prev = _context10.next) {
-                case 0:
-                  _userEvent["default"].click(_react2.screen.getByRole('button', {
-                    name: 'Remove all filters'
-                  }));
-                case 1:
-                case "end":
-                  return _context10.stop();
-              }
-            }, _callee10);
-          })));
-        case 13:
-          expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(0);
-        case 14:
-        case "end":
-          return _context11.stop();
+      while (1) {
+        switch (_context11.prev = _context11.next) {
+          case 0:
+            (0, _react2.render)(PreFilledFilter);
+            expect(_react2.screen.getByRole('option', {
+              name: 'column_2'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByRole('option', {
+              name: 'Contains'
+            }).selected).toBe(true);
+            expect(_react2.screen.getByDisplayValue('dkan')).toBeInTheDocument();
+            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(1);
+            expect(_react2.screen.getByRole('button', {
+              name: '+ Add another filter'
+            })).toBeInTheDocument();
+            expect(_react2.screen.queryByRole('button', {
+              name: 'Remove all filters'
+            })).not.toBeInTheDocument();
+            _context11.next = 9;
+            return (0, _reactHooks.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.getByRole('button', {
+                        name: '+ Add another filter'
+                      }));
+
+                    case 1:
+                    case "end":
+                      return _context9.stop();
+                  }
+                }
+              }, _callee9);
+            })));
+
+          case 9:
+            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(2);
+            expect(_react2.screen.getByRole('button', {
+              name: 'Remove all filters'
+            })).toBeInTheDocument();
+            _context11.next = 13;
+            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+              return _regenerator["default"].wrap(function _callee10$(_context10) {
+                while (1) {
+                  switch (_context10.prev = _context10.next) {
+                    case 0:
+                      _userEvent["default"].click(_react2.screen.getByRole('button', {
+                        name: 'Remove all filters'
+                      }));
+
+                    case 1:
+                    case "end":
+                      return _context10.stop();
+                  }
+                }
+              }, _callee10);
+            })));
+
+          case 13:
+            expect(_react2.screen.queryAllByLabelText('Filter value').length).toBe(0);
+
+          case 14:
+          case "end":
+            return _context11.stop();
+        }
       }
     }, _callee11);
   })));
   test('url updates correctly', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
     return _regenerator["default"].wrap(function _callee14$(_context14) {
-      while (1) switch (_context14.prev = _context14.next) {
-        case 0:
-          (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(WrapperComponent, null));
-          _userEvent["default"].selectOptions(_react2.screen.getByRole('combobox', {
-            name: 'Filter column'
-          }), ['column_1']);
-          _context14.next = 4;
-          return _userEvent["default"].type(_react2.screen.getByLabelText('Filter value'), 'dkan', {
-            delay: 1
-          });
-        case 4:
-          _context14.next = 6;
-          return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-            return _regenerator["default"].wrap(function _callee12$(_context12) {
-              while (1) switch (_context12.prev = _context12.next) {
-                case 0:
-                case "end":
-                  return _context12.stop();
-              }
-            }, _callee12);
-          })));
-        case 6:
-          _userEvent["default"].click(_react2.screen.getByRole('button', {
-            name: 'Update table'
-          }, {}));
-          _context14.next = 9;
-          return (0, _reactHooks.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:
-                case "end":
-                  return _context13.stop();
-              }
-            }, _callee13);
-          })));
-        case 9:
-          expect(window.location.search).toBe('?conditions[0][operator]=%3D&conditions[0][property]=column_1&conditions[0][value]=dkan');
-        case 10:
-        case "end":
-          return _context14.stop();
+      while (1) {
+        switch (_context14.prev = _context14.next) {
+          case 0:
+            (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(WrapperComponent, null));
+
+            _userEvent["default"].selectOptions(_react2.screen.getByRole('combobox', {
+              name: 'Filter column'
+            }), ['column_1']);
+
+            _context14.next = 4;
+            return _userEvent["default"].type(_react2.screen.getByLabelText('Filter value'), 'dkan', {
+              delay: 1
+            });
+
+          case 4:
+            _context14.next = 6;
+            return (0, _reactHooks.act)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() {
+              return _regenerator["default"].wrap(function _callee12$(_context12) {
+                while (1) {
+                  switch (_context12.prev = _context12.next) {
+                    case 0:
+                    case "end":
+                      return _context12.stop();
+                  }
+                }
+              }, _callee12);
+            })));
+
+          case 6:
+            _userEvent["default"].click(_react2.screen.getByRole('button', {
+              name: 'Update table'
+            }, {}));
+
+            _context14.next = 9;
+            return (0, _reactHooks.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:
+                    case "end":
+                      return _context13.stop();
+                  }
+                }
+              }, _callee13);
+            })));
+
+          case 9:
+            expect(window.location.search).toBe('?conditions[0][operator]=%3D&conditions[0][property]=column_1&conditions[0][value]=dkan');
+
+          case 10:
+          case "end":
+            return _context14.stop();
+        }
       }
     }, _callee14);
   })));