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

package/lib/index.js

@@ -0,0 +1,247 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "APIPage", {
+  enumerable: true,
+  get: function get() {
+    return _APIPage["default"];
+  }
+});
+Object.defineProperty(exports, "ApiDocumentation", {
+  enumerable: true,
+  get: function get() {
+    return _ApiDocumentation["default"];
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb["default"];
+  }
+});
+Object.defineProperty(exports, "Dataset", {
+  enumerable: true,
+  get: function get() {
+    return _Dataset["default"];
+  }
+});
+Object.defineProperty(exports, "DatasetDownloads", {
+  enumerable: true,
+  get: function get() {
+    return _DatasetDownloads["default"];
+  }
+});
+Object.defineProperty(exports, "DatasetSearch", {
+  enumerable: true,
+  get: function get() {
+    return _DatasetSearch["default"];
+  }
+});
+Object.defineProperty(exports, "DatasetSearchListItem", {
+  enumerable: true,
+  get: function get() {
+    return _DatasetSearchListItem["default"];
+  }
+});
+Object.defineProperty(exports, "DatasetTags", {
+  enumerable: true,
+  get: function get() {
+    return _DatasetTags["default"];
+  }
+});
+Object.defineProperty(exports, "DrupalPage", {
+  enumerable: true,
+  get: function get() {
+    return _DrupalPage["default"];
+  }
+});
+Object.defineProperty(exports, "FilteredResource", {
+  enumerable: true,
+  get: function get() {
+    return _FilteredResource["default"];
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer["default"];
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _header["default"];
+  }
+});
+Object.defineProperty(exports, "Hero", {
+  enumerable: true,
+  get: function get() {
+    return _Hero["default"];
+  }
+});
+Object.defineProperty(exports, "MobileHeader", {
+  enumerable: true,
+  get: function get() {
+    return _mobile_header["default"];
+  }
+});
+Object.defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function get() {
+    return _NavBar["default"];
+  }
+});
+Object.defineProperty(exports, "NavLink", {
+  enumerable: true,
+  get: function get() {
+    return _NavLink["default"];
+  }
+});
+Object.defineProperty(exports, "PageNotFound", {
+  enumerable: true,
+  get: function get() {
+    return _PageNotFound["default"];
+  }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _Pagination["default"];
+  }
+});
+Object.defineProperty(exports, "QueryBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _QueryBuilder["default"];
+  }
+});
+Object.defineProperty(exports, "ResourceConditionField", {
+  enumerable: true,
+  get: function get() {
+    return _ResourceConditionField["default"];
+  }
+});
+Object.defineProperty(exports, "ResourceFilter", {
+  enumerable: true,
+  get: function get() {
+    return _ResourceFilter["default"];
+  }
+});
+Object.defineProperty(exports, "ResourceFooter", {
+  enumerable: true,
+  get: function get() {
+    return _ResourceFooter["default"];
+  }
+});
+Object.defineProperty(exports, "ResourceHeader", {
+  enumerable: true,
+  get: function get() {
+    return _ResourceHeader["default"];
+  }
+});
+Object.defineProperty(exports, "ResourcePreview", {
+  enumerable: true,
+  get: function get() {
+    return _ResourcePreview["default"];
+  }
+});
+Object.defineProperty(exports, "SearchModal", {
+  enumerable: true,
+  get: function get() {
+    return _SearchModal["default"];
+  }
+});
+Object.defineProperty(exports, "SubMenu", {
+  enumerable: true,
+  get: function get() {
+    return _SubMenu["default"];
+  }
+});
+Object.defineProperty(exports, "TransformedDate", {
+  enumerable: true,
+  get: function get() {
+    return _TransformedDate["default"];
+  }
+});
+Object.defineProperty(exports, "frequencyMap", {
+  enumerable: true,
+  get: function get() {
+    return _frequencyMap["default"];
+  }
+});
+Object.defineProperty(exports, "useAddLoginLink", {
+  enumerable: true,
+  get: function get() {
+    return _useAddLoginLink["default"];
+  }
+});
+Object.defineProperty(exports, "useScrollToTop", {
+  enumerable: true,
+  get: function get() {
+    return _useScrollToTop["default"];
+  }
+});
+
+var _NavLink = _interopRequireDefault(require("./components/NavLink"));
+
+var _DatasetTags = _interopRequireDefault(require("./components/DatasetTags"));
+
+var _DatasetDownloads = _interopRequireDefault(require("./components/DatasetDownloads"));
+
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+
+var _Hero = _interopRequireDefault(require("./components/Hero"));
+
+var _NavBar = _interopRequireDefault(require("./components/NavBar"));
+
+var _SearchModal = _interopRequireDefault(require("./components/SearchModal"));
+
+var _DatasetSearchListItem = _interopRequireDefault(require("./components/DatasetSearchListItem"));
+
+var _SubMenu = _interopRequireDefault(require("./components/SubMenu"));
+
+var _ApiDocumentation = _interopRequireDefault(require("./components/ApiDocumentation"));
+
+var _ResourceConditionField = _interopRequireDefault(require("./components/ResourceConditionField"));
+
+var _ResourceFilter = _interopRequireDefault(require("./components/ResourceFilter"));
+
+var _ResourceHeader = _interopRequireDefault(require("./components/ResourceHeader"));
+
+var _ResourcePreview = _interopRequireDefault(require("./components/ResourcePreview"));
+
+var _ResourceFooter = _interopRequireDefault(require("./components/ResourceFooter"));
+
+var _Breadcrumb = _interopRequireDefault(require("./components/Breadcrumb"));
+
+var _TransformedDate = _interopRequireDefault(require("./components/TransformedDate"));
+
+var _PageNotFound = _interopRequireDefault(require("./templates/PageNotFound"));
+
+var _Footer = _interopRequireDefault(require("./templates/Footer"));
+
+var _Dataset = _interopRequireDefault(require("./templates/Dataset"));
+
+var _DatasetSearch = _interopRequireDefault(require("./templates/DatasetSearch"));
+
+var _DrupalPage = _interopRequireDefault(require("./templates/DrupalPage"));
+
+var _header = _interopRequireDefault(require("./templates/header"));
+
+var _mobile_header = _interopRequireDefault(require("./templates/mobile_header"));
+
+var _FilteredResource = _interopRequireDefault(require("./templates/FilteredResource"));
+
+var _QueryBuilder = _interopRequireDefault(require("./templates/FilteredResource/QueryBuilder"));
+
+var _APIPage = _interopRequireDefault(require("./templates/APIPage"));
+
+var _useAddLoginLink = _interopRequireDefault(require("./components/useAddLoginLink"));
+
+var _useScrollToTop = _interopRequireDefault(require("./components/useScrollToTop"));
+
+var _frequencyMap = _interopRequireDefault(require("./assets/frequencyMap"));

package/lib/templates/APIPage/index.js

@@ -1,15 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
+
 var APIPage = function APIPage(_ref) {
   var hideAuth = _ref.hideAuth,
-    additionalParams = _ref.additionalParams;
+      additionalParams = _ref.additionalParams;
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "ds-l-container"
   }, /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
@@ -18,6 +22,7 @@ var APIPage = function APIPage(_ref) {
     defaultModelsExpandDepth: -1
   }));
 };
+
 APIPage.defaultProps = {
   hideAuth: true
 };

package/lib/templates/Dataset/DatasetBody.js

@@ -1,50 +1,75 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _swaggerUiReact = _interopRequireDefault(require("swagger-ui-react"));
+
 var _dataCatalogServices = require("@civicactions/data-catalog-services");
+
 var _designSystem = require("@cmsgov/design-system");
+
 var _ResourcePreview = _interopRequireDefault(require("../../components/ResourcePreview"));
+
 var _ResourceHeader = _interopRequireDefault(require("../../components/ResourceHeader"));
+
 var _DatasetTags = _interopRequireDefault(require("../../components/DatasetTags"));
+
 var _DatasetDownloads = _interopRequireDefault(require("../../components/DatasetDownloads"));
+
 var _DatasetAdditionalInformation = _interopRequireDefault(require("../../components/DatasetAdditionalInformation"));
+
 var _TransformedDate = _interopRequireDefault(require("../../components/TransformedDate"));
+
 var _ResourceFooter = _interopRequireDefault(require("../../components/ResourceFooter"));
+
 var _ResourceInformation = _interopRequireDefault(require("../../components/ResourceInformation"));
+
 var _functions = require("../FilteredResource/functions");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var DatasetBody = function DatasetBody(_ref) {
   var id = _ref.id,
-    dataset = _ref.dataset,
-    additionalParams = _ref.additionalParams,
-    customColumns = _ref.customColumns,
-    columnSettings = _ref.columnSettings,
-    columnWidths = _ref.columnWidths,
-    metadataMapping = _ref.metadataMapping;
+      dataset = _ref.dataset,
+      additionalParams = _ref.additionalParams,
+      customColumns = _ref.customColumns,
+      columnSettings = _ref.columnSettings,
+      columnWidths = _ref.columnWidths,
+      metadataMapping = _ref.metadataMapping;
   var apiDocs = (0, _react.useRef)();
+
   var _useState = (0, _react.useState)('ds-u-padding-y--1'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    tablePadding = _useState2[0],
-    setTablePadding = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      tablePadding = _useState2[0],
+      setTablePadding = _useState2[1];
+
   var _useState3 = (0, _react.useState)(''),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    fileFormat = _useState4[0],
-    setFileFormat = _useState4[1];
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      fileFormat = _useState4[0],
+      setFileFormat = _useState4[1];
+
   var distribution = {};
   var distribution_array = dataset.distribution ? dataset.distribution : [];
+
   if (distribution_array.length) {
     distribution = distribution_array[0];
   }
+
   var resource = (0, _dataCatalogServices.useDatastore)('', process.env.REACT_APP_ROOT_URL, {
     limit: 10,
     manual: true
@@ -52,15 +77,19 @@ var DatasetBody = function DatasetBody(_ref) {
   (0, _react.useEffect)(function () {
     if (distribution.identifier) {
       var localFileFormat = '';
+
       if (distribution.data.format) {
         localFileFormat = distribution.data.format.toUpperCase();
       } else if (distribution.data.mediaType) {
         var mediaType = distribution.data.mediaType.split('/');
+
         if (mediaType.length && mediaType[1]) {
           localFileFormat = mediaType[1].toUpperCase();
         }
       }
+
       setFileFormat(localFileFormat);
+
       if (localFileFormat === 'CSV') {
         resource.setResource(distribution.identifier);
         resource.setManual(false);
@@ -151,6 +180,7 @@ var DatasetBody = function DatasetBody(_ref) {
     }
   }, "Scroll to dataset API")) : '')));
 };
+
 DatasetBody.propTypes = {
   id: _propTypes["default"].string.isRequired,
   dataset: _propTypes["default"].object.isRequired

package/lib/templates/Dataset/index.js

@@ -1,35 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dataCatalogServices = require("@civicactions/data-catalog-services");
+
 var _DatasetBody = _interopRequireDefault(require("./DatasetBody"));
+
 var _PageNotFound = _interopRequireDefault(require("../PageNotFound"));
+
 var _metadataMapping = require("../../assets/metadataMapping");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Dataset = function Dataset(_ref) {
   var id = _ref.id,
-    rootUrl = _ref.rootUrl,
-    additionalParams = _ref.additionalParams,
-    customColumns = _ref.customColumns,
-    setDatasetTitle = _ref.setDatasetTitle,
-    columnSettings = _ref.columnSettings,
-    columnWidths = _ref.columnWidths,
-    customMetadataMapping = _ref.customMetadataMapping;
+      rootUrl = _ref.rootUrl,
+      additionalParams = _ref.additionalParams,
+      customColumns = _ref.customColumns,
+      setDatasetTitle = _ref.setDatasetTitle,
+      columnSettings = _ref.columnSettings,
+      columnWidths = _ref.columnWidths,
+      customMetadataMapping = _ref.customMetadataMapping;
   var metastore = (0, _dataCatalogServices.useMetastoreDataset)(id, rootUrl, additionalParams);
   var dataset = metastore.dataset;
   var title = dataset.title ? dataset.title : '';
+
   var metadataMapping = _objectSpread(_objectSpread({}, _metadataMapping.defaultMetadataMapping), customMetadataMapping);
+
   (0, _react.useEffect)(function () {
     if (title) {
       if (setDatasetTitle) {
@@ -37,6 +53,7 @@ var Dataset = function Dataset(_ref) {
       }
     }
   }, [title]);
+
   var notFoundContent = /*#__PURE__*/_react["default"].createElement("div", {
     className: "ds-u-padding-top--3"
   }, /*#__PURE__*/_react["default"].createElement("h1", {
@@ -44,6 +61,7 @@ var Dataset = function Dataset(_ref) {
   }, "Error: Dataset not found"), /*#__PURE__*/_react["default"].createElement("p", null, "We're sorry, but there is no dataset ID that matches your entry. You may have been directed here because:"), /*#__PURE__*/_react["default"].createElement("ol", null, /*#__PURE__*/_react["default"].createElement("li", null, "The address you typed contains a typo;"), /*#__PURE__*/_react["default"].createElement("li", null, "The requested dataset no longer exists.")), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "ds-u-font-weight--bold"
   }, "Note:"), " If you were using a bookmark, please reset it once you find the correct dataset."));
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dataset.error ? /*#__PURE__*/_react["default"].createElement(_PageNotFound["default"], {
     content: notFoundContent
   }) : /*#__PURE__*/_react["default"].createElement(_DatasetBody["default"], {
@@ -56,6 +74,7 @@ var Dataset = function Dataset(_ref) {
     metadataMapping: metadataMapping
   }));
 };
+
 Dataset.propTypes = {
   id: _propTypes["default"].string.isRequired,
   rootUrl: _propTypes["default"].string.isRequired

package/lib/templates/DatasetSearch/datasetsearch.test.js

@@ -1,17 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _testUtils = require("react-dom/test-utils");
+
 var _react2 = require("@testing-library/react");
+
 require("@testing-library/jest-dom/extend-expect");
+
 var _index = _interopRequireWildcard(require("./index"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 jest.mock('axios');
 jest.useFakeTimers();
 var rootUrl = 'http://dkan.com/api/1';
@@ -45,57 +57,65 @@ describe('selectedFacetsMessage', function () {
 describe('<DatasetSearchFacets />', function () {
   test('Renders correctly', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
     var _render, debug;
+
     return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return _axios["default"].get.mockImplementation(function () {
-            return Promise.resolve(data_results);
-          });
-        case 2:
-          _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-            rootUrl: rootUrl
-          })), debug = _render.debug;
-          _context2.next = 5;
-          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:
-                  // debug()
-                  jest.useFakeTimers();
-                case 1:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          })));
-        case 5:
-          // debug()
-          // expect(axios.get).toHaveBeenCalledWith(
-          //     `${rootUrl}/search/?`,
-          //   );
-          // await act(async () => {  });
-
-          expect(_react2.screen.getByRole('heading', {
-            name: 'Datasets'
-          }));
-          expect(_react2.screen.getByRole('textbox', {
-            name: 'Search term'
-          }));
-          expect(_react2.screen.getByRole('button', {
-            name: 'Clear all filters'
-          }));
-          expect(_react2.screen.getByRole('combobox', {
-            name: 'Sort by'
-          }));
-          expect(_react2.screen.getByRole('button', {
-            name: 'Search'
-          }));
-          expect(_react2.screen.getByText(/0-0 out of 0/i));
-          expect(_react2.screen.getByText('[0 entries total on page]'));
-        case 12:
-        case "end":
-          return _context2.stop();
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return _axios["default"].get.mockImplementation(function () {
+              return Promise.resolve(data_results);
+            });
+
+          case 2:
+            _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
+              rootUrl: rootUrl
+            })), debug = _render.debug;
+            _context2.next = 5;
+            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:
+                      // debug()
+                      jest.useFakeTimers();
+
+                    case 1:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee);
+            })));
+
+          case 5:
+            // debug()
+            // expect(axios.get).toHaveBeenCalledWith(
+            //     `${rootUrl}/search/?`,
+            //   );
+            // await act(async () => {  });
+            expect(_react2.screen.getByRole('heading', {
+              name: 'Datasets'
+            }));
+            expect(_react2.screen.getByRole('textbox', {
+              name: 'Search term'
+            }));
+            expect(_react2.screen.getByRole('button', {
+              name: 'Clear all filters'
+            }));
+            expect(_react2.screen.getByRole('combobox', {
+              name: 'Sort by'
+            }));
+            expect(_react2.screen.getByRole('button', {
+              name: 'Search'
+            }));
+            expect(_react2.screen.getByText(/0-0 out of 0/i));
+            expect(_react2.screen.getByText('[0 entries total on page]'));
+
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));