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

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

@@ -1,29 +1,21 @@
 "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: '',
@@ -70,7 +62,6 @@ var sampleResource2 = {
     return {};
   }
 };
-
 var BasicFilter = /*#__PURE__*/_react["default"].createElement(_index["default"], {
   id: '1234-abcd',
   filterOpen: true,
@@ -81,7 +72,6 @@ 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,
@@ -92,13 +82,11 @@ 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,
@@ -116,324 +104,273 @@ 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);
   })));