@civicactions/cmsds-open-data-components 2.1.0 → 2.1.2

package/lib/assets/icons/settings.jsx

@@ -1,24 +0,0 @@
-import React from 'react';
-
-const SettingsIcon = () => (
-  <svg
-    width="15px"
-    height="15px"
-    // viewBox="0 0 15 15"
-    viewBox="0 0 512 512"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-  >
-    <title>Settings Icon</title>
-    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <path
-        fill="#112E51"
-        fillRule="nonzero"
-        d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"
-      />
-    </g>
-  </svg>
-);
-
-export default SettingsIcon;

package/lib/assets/metadataMapping.js

@@ -1,161 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultMetadataMapping = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _TransformedDate = _interopRequireDefault(require("../components/TransformedDate"));
-
-var _frequencyMap = require("./frequencyMap");
-
-var defaultMetadataMapping = {
-  modified: function modified(data) {
-    return [{
-      label: 'Modified',
-      value: /*#__PURE__*/_react["default"].createElement(_TransformedDate["default"], {
-        date: data
-      })
-    }];
-  },
-  issued: function issued(data) {
-    return [{
-      label: 'Issued',
-      value: /*#__PURE__*/_react["default"].createElement(_TransformedDate["default"], {
-        date: data
-      })
-    }];
-  },
-  accrualPeriodicity: function accrualPeriodicity(data) {
-    return [{
-      label: 'Frequency',
-      value: _frequencyMap.frequencyMap[data].name
-    }];
-  },
-  publisher: function publisher(data) {
-    if (data.data && data.data.name) {
-      return [{
-        label: 'Publisher',
-        value: data.data.name
-      }];
-    } else {
-      return [];
-    }
-  },
-  identifier: function identifier(data) {
-    return [{
-      label: 'Identifier',
-      value: data
-    }];
-  },
-  contactPoint: function contactPoint(data) {
-    var rows = [];
-
-    if (data.fn) {
-      rows.push({
-        label: 'Contact',
-        value: data.fn
-      });
-    }
-
-    if (data.hasEmail) {
-      rows.push({
-        label: 'Contact Email',
-        value: data.hasEmail
-      });
-    }
-
-    return rows;
-  },
-  bureauCode: function bureauCode(data) {
-    if (data.length) {
-      return [{
-        label: 'Bureau Code',
-        value: data[0]
-      }];
-    }
-  },
-  programCode: function programCode(data) {
-    if (data.length) {
-      return [{
-        label: 'Program Code',
-        value: data[0]
-      }];
-    }
-  },
-  theme: function theme(data) {
-    return [{
-      label: 'Category',
-      value: data.map(function (theme) {
-        return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-          key: theme.data,
-          to: "/datasets?theme[]=".concat(theme.data)
-        }, theme.data);
-      }).reduce(function (prev, curr) {
-        return [prev, ', ', curr];
-      })
-    }];
-  },
-  keyword: function keyword(data) {
-    return [{
-      label: 'Tags',
-      value: data.map(function (keyword) {
-        return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-          key: keyword.data,
-          to: "/datasets?keyword[]=".concat(keyword.data)
-        }, keyword.data);
-      }).reduce(function (prev, curr) {
-        return [prev, ', ', curr];
-      })
-    }];
-  },
-  license: function license(data) {
-    return [{
-      label: 'License',
-      value: /*#__PURE__*/_react["default"].createElement("a", {
-        href: data
-      }, data)
-    }];
-  },
-  accessLevel: function accessLevel(data) {
-    return [{
-      label: 'Public Access Level',
-      value: data
-    }];
-  },
-  temporal: function temporal(data) {
-    return [{
-      label: 'Temporal Coverage',
-      value: /*#__PURE__*/_react["default"].createElement("span", {
-        className: "dc-c-word-break--all"
-      }, data)
-    }];
-  },
-  spatial: function spatial(data) {
-    return [{
-      label: 'Spacial/Geographical Coverage',
-      value: data
-    }];
-  },
-  references: function references(data) {
-    return [{
-      label: 'Related Documents',
-      value: /*#__PURE__*/_react["default"].createElement("ul", {
-        className: "ds-u-margin--0 ds-u-padding-y--0 ds-u-padding-left--2 ds-u-padding-right--0"
-      }, data.map(function (item) {
-        return /*#__PURE__*/_react["default"].createElement("li", {
-          key: item
-        }, /*#__PURE__*/_react["default"].createElement("a", {
-          href: item
-        }, item));
-      }))
-    }];
-  }
-};
-exports.defaultMetadataMapping = defaultMetadataMapping;

package/lib/assets/metadataMapping.jsx

@@ -1,110 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import TransformedDate from '../components/TransformedDate';
-import { frequencyMap } from './frequencyMap';
-
-export const defaultMetadataMapping = {
-  modified: (data) => {
-    return [{ label: 'Modified', value: <TransformedDate date={data} /> }];
-  },
-  issued: (data) => {
-    return [{ label: 'Issued', value: <TransformedDate date={data} /> }];
-  },
-  accrualPeriodicity: (data) => {
-    return [
-      {
-        label: 'Frequency',
-        value: frequencyMap[data].name,
-      },
-    ];
-  },
-  publisher: (data) => {
-    if (data.data && data.data.name) {
-      return [{ label: 'Publisher', value: data.data.name }];
-    } else {
-      return [];
-    }
-  },
-  identifier: (data) => {
-    return [{ label: 'Identifier', value: data }];
-  },
-  contactPoint: (data) => {
-    let rows = [];
-    if (data.fn) {
-      rows.push({ label: 'Contact', value: data.fn });
-    }
-    if (data.hasEmail) {
-      rows.push({ label: 'Contact Email', value: data.hasEmail });
-    }
-    return rows;
-  },
-  bureauCode: (data) => {
-    if (data.length) {
-      return [{ label: 'Bureau Code', value: data[0] }];
-    }
-  },
-  programCode: (data) => {
-    if (data.length) {
-      return [{ label: 'Program Code', value: data[0] }];
-    }
-  },
-  theme: (data) => {
-    return [
-      {
-        label: 'Category',
-        value: data
-          .map((theme) => (
-            <Link key={theme.data} to={`/datasets?theme[]=${theme.data}`}>
-              {theme.data}
-            </Link>
-          ))
-          .reduce((prev, curr) => [prev, ', ', curr]),
-      },
-    ];
-  },
-  keyword: (data) => {
-    return [
-      {
-        label: 'Tags',
-        value: data
-          .map((keyword) => (
-            <Link key={keyword.data} to={`/datasets?keyword[]=${keyword.data}`}>
-              {keyword.data}
-            </Link>
-          ))
-          .reduce((prev, curr) => [prev, ', ', curr]),
-      },
-    ];
-  },
-  license: (data) => {
-    return [{ label: 'License', value: <a href={data}>{data}</a> }];
-  },
-  accessLevel: (data) => {
-    return [{ label: 'Public Access Level', value: data }];
-  },
-
-  temporal: (data) => {
-    return [
-      { label: 'Temporal Coverage', value: <span className="dc-c-word-break--all">{data}</span> },
-    ];
-  },
-  spatial: (data) => {
-    return [{ label: 'Spacial/Geographical Coverage', value: data }];
-  },
-  references: (data) => {
-    return [
-      {
-        label: 'Related Documents',
-        value: (
-          <ul className="ds-u-margin--0 ds-u-padding-y--0 ds-u-padding-left--2 ds-u-padding-right--0">
-            {data.map((item) => (
-              <li key={item}>
-                <a href={item}>{item}</a>
-              </li>
-            ))}
-          </ul>
-        ),
-      },
-    ];
-  },
-};

package/lib/commands/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-require("./templates/footer");
-
-require("./templates/header");
-
-require("./templates/page_not_found");

package/lib/commands/templates/footer.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Cypress.Commands.add('testFooterGetUpdates', function (title, description, link) {
-  cy.findByRole('heading', {
-    name: title,
-    level: 2
-  }).should('exist');
-  cy.findByText(description).should('exist');
-  cy.findByRole('link', {
-    name: link.label
-  }).should('have.attr', 'href', link.url);
-});
-Cypress.Commands.add('testFooterCMSInfo', function () {
-  cy.findByRole('link', {
-    name: 'HHS Logo opens in new window'
-  }).should('have.attr', 'href', 'http://www.hhs.gov/'); //change to https when moving upstream
-
-  cy.findByAltText('HHS Logo').should('exist');
-  cy.findByRole('link', {
-    name: 'CMS Logo opens in new window'
-  }).should('have.attr', 'href', 'http://www.cms.gov/'); //change to https when moving upstream
-
-  cy.findByAltText('CMS Logo').should('exist');
-  cy.findByText('A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services.').should('exist');
-  cy.findByText('7500 Security Boulevard, Baltimore, MD 21244').should('exist');
-});
-Cypress.Commands.add('testFooterGlobalLinks', function (links) {
-  cy.get('.dc-c-footer__utility').findAllByRole('listitem').should('have.length', links.length);
-  links.forEach(function (link) {
-    cy.findByRole('link', {
-      name: link.label
-    }).should('have.attr', 'href', link.url);
-  });
-});
-Cypress.Commands.add('testFooterSocialLinks', function (links) {
-  cy.get('.dc-c-footer__cms-information').findAllByRole('listitem').should('have.length', links.length);
-  links.forEach(function (link) {
-    var currentLink = cy.findByRole('link', {
-      name: link.label
-    });
-    currentLink.should('have.attr', 'href', link.url);
-    currentLink.within(function () {
-      // The background circle SVG doesn't have a role of img.
-      cy.findAllByRole('img').should('have.length', 1);
-    });
-  });
-});
-Cypress.Commands.add('testFooterResource', function (links, title) {
-  var heading = cy.findByRole('heading', {
-    name: title,
-    level: 2
-  });
-  heading.should('exist');
-  heading.parent().findAllByRole('listitem').should('have.length', links.length);
-  links.forEach(function (link) {
-    var currentLink = cy.findByRole('link', {
-      name: link.label
-    });
-    currentLink.should('have.attr', 'href', link.url);
-  });
-});

package/lib/commands/templates/header.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Cypress.Commands.add('testUSABanner', function () {
-  var buttonText = 'Here’s how you know';
-  cy.findByRole('img', {
-    name: 'U.S. Flag'
-  }).should('exist');
-  cy.findByText('An official website of the United States government').should('exist');
-  cy.findByRole('button', {
-    name: buttonText
-  }).should('exist');
-  cy.findByText(/Official websites use .gov/i).should('not.be.visible');
-  cy.findByText(/Secure .gov websites use HTTPS/i).should('not.be.visible');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('exist');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('not.exist');
-  cy.findByRole('button', {
-    name: buttonText
-  }).click();
-  cy.findByText(/Official websites use .gov/i).should('be.visible');
-  cy.findByText(/Secure .gov websites use HTTPS/i).should('be.visible');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('not.exist');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('exist');
-  cy.findByRole('button', {
-    name: buttonText
-  }).click();
-  cy.findByText(/Official websites use .gov/i).should('not.be.visible');
-  cy.findByText(/Secure .gov websites use HTTPS/i).should('not.be.visible');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-down').should('exist');
-  cy.get('.ds-c-usa-banner__button .ds-c-icon--arrow-up').should('not.exist');
-});
-Cypress.Commands.add('desktopCMSHeader', function (mainLink, tagline, cmsLinks) {
-  cy.viewport(1150, 720);
-  cy.get('.dc-c-cmsheader').within(function (div) {
-    cy.findByRole('link', {
-      name: mainLink.title
-    }).should('have.attr', 'href', mainLink.url);
-    cy.findByAltText(mainLink.altText).should('exist');
-  });
-  cy.findByText(tagline).should('exist');
-  cmsLinks.forEach(function (link) {
-    cy.findByRole('link', {
-      name: link.label
-    }).should('have.attr', 'href', link.url);
-  });
-});
-Cypress.Commands.add('tabletCMSHeader', function (mainLink, tagline, cmsLinks) {
-  cy.viewport(720, 720);
-  cy.get('.dc-c-cmsheader').within(function (div) {
-    cy.findByRole('link', {
-      name: mainLink.title
-    }).should('have.attr', 'href', mainLink.url);
-    cy.findByAltText(mainLink.altText).should('exist');
-  });
-  cy.findByText(tagline).should('not.exist');
-  cmsLinks.forEach(function (link) {
-    cy.findByRole('link', {
-      name: link.label
-    }).should('have.attr', 'href', link.url);
-  });
-});
-Cypress.Commands.add('mobileCMSHeader', function (mainLink, tagline, cmsLinks) {
-  cy.viewport(300, 720);
-  cy.get('.dc-c-cmsheader').within(function (div) {
-    cy.findByRole('link', {
-      name: mainLink.title
-    }).should('have.attr', 'href', mainLink.url);
-    cy.findByAltText(mainLink.altText).should('exist');
-  });
-  cy.findByText(tagline).should('not.exist');
-  cy.get('.dc-c-cmsheader-menu').should('not.exist');
-  cmsLinks.forEach(function (link) {
-    cy.findByRole('link', {
-      name: link.label
-    }).should('not.be.visible');
-  });
-});
-Cypress.Commands.add('testNoCMSHeader', function () {
-  cy.get('.dc-c-cmsheader').should('not.exist');
-});
-Cypress.Commands.add('testCMSHeader', function (mainLink, tagline, cmsLinks) {
-  cy.desktopCMSHeader(mainLink, tagline, cmsLinks);
-  cy.tabletCMSHeader(mainLink, tagline, cmsLinks);
-  cy.mobileCMSHeader(mainLink, tagline, cmsLinks);
-});

package/lib/commands/templates/page_not_found.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Cypress.Commands.add('testPageNotFound', function () {
-  cy.findByRole("heading", {
-    level: 1,
-    name: "Error: Page not found"
-  }).should("exist");
-  cy.findByText("We're sorry, but there is no web page that matches your entry. You may have been directed here because:").should("exist");
-  cy.get(".ds-l-container").findAllByRole("listitem").should("have.length", 3);
-  cy.findByText("The address you typed contains a typo;").should("exist");
-  cy.findByText("The requested page may have expired or;").should("exist");
-  cy.findByText("The requested page may have been moved.").should("exist");
-  cy.findByText("If you were using a bookmark, please reset it once you find the correct page.").should("exist");
-});

package/lib/components/ApiDocumentation/index.js

@@ -1,24 +0,0 @@
-"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"));
-
-require("swagger-ui-react/swagger-ui.css");
-
-var ApiDocumentation = function ApiDocumentation(_ref) {
-  var endpoint = _ref.endpoint;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_swaggerUiReact["default"], {
-    url: endpoint
-  }));
-};
-
-var _default = ApiDocumentation;
-exports["default"] = _default;

package/lib/components/Breadcrumb/index.js

@@ -1,47 +0,0 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var Breadcrumb = function Breadcrumb(_ref) {
-  var currentPage = _ref.currentPage,
-      _ref$pageTrail = _ref.pageTrail,
-      pageTrail = _ref$pageTrail === void 0 ? [] : _ref$pageTrail;
-  var pageTrailContent = pageTrail.map(function (page) {
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      "class": "dc-c-breadcrumb__list-item"
-    }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-      to: page.path,
-      "class": "dc-c-breadcrumb__link"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, page.title)));
-  });
-  return /*#__PURE__*/_react["default"].createElement("nav", {
-    "class": "dc-c-breadcrumb ds-u-margin-top--6",
-    "aria-label": "Breadcrumbs"
-  }, /*#__PURE__*/_react["default"].createElement("ol", {
-    "class": "dc-c-breadcrumb__list"
-  }, pageTrailContent, currentPage ? /*#__PURE__*/_react["default"].createElement("li", {
-    "class": "dc-c-breadcrumb__list-item dc-c-current",
-    "aria-current": "page"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, currentPage)) : ''));
-};
-
-Breadcrumb.propTypes = {
-  currentPage: _propTypes["default"].string.isRequired,
-  pageTrail: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    path: _propTypes["default"].string.isRequired,
-    title: _propTypes["default"].string.isRequired
-  }))
-};
-var _default = Breadcrumb;
-exports["default"] = _default;

package/lib/components/DataTableDensity/datatabledensity.test.js

@@ -1,30 +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"));
-
-describe('<DataTableRowDetails />', function () {
-  test('Renders 3 buttons', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      setTablePadding: function setTablePadding(p) {
-        return console.log(p);
-      }
-    }));
-    expect(_react2.screen.getByRole('button', {
-      name: /Table padding Tight/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /Table padding Normal/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /Table padding Expanded/i
-    })).toBeTruthy();
-  });
-});

package/lib/components/DataTableDensity/index.js

@@ -1,47 +0,0 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _designSystem = require("@cmsgov/design-system");
-
-var DataTableDensity = function DataTableDensity(_ref) {
-  var setTablePadding = _ref.setTablePadding,
-      tablePadding = _ref.tablePadding;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ds-u-display--flex"
-  }, /*#__PURE__*/_react["default"].createElement(_designSystem.Dropdown, {
-    options: [{
-      label: 'Tight',
-      value: 'ds-u-padding-y--0'
-    }, {
-      label: 'Normal',
-      value: 'ds-u-padding-y--1'
-    }, {
-      label: 'Expanded',
-      value: 'ds-u-padding-y--2'
-    }],
-    size: "small",
-    label: "Display density:",
-    labelClassName: "ds-u-margin-top--0",
-    name: "datatable_display_density",
-    onChange: function onChange(e) {
-      return setTablePadding(e.target.value);
-    },
-    defaultValue: 'ds-u-padding-y--1'
-  }));
-};
-
-DataTableDensity.propTypes = {
-  setTablePadding: _propTypes["default"].func.isRequired
-};
-var _default = DataTableDensity;
-exports["default"] = _default;

package/lib/components/DataTableRowChanger/datatablerowchanger.test.js

@@ -1,49 +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"));
-
-describe('<DataTableRowChanger />', function () {
-  test('Renders 4 buttons by default', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      setTablePadding: function setTablePadding(p) {
-        return console.log(p);
-      }
-    }));
-    expect(_react2.screen.getByText(/Rows per page:/i)).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /10 rows per page/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /25 rows per page/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /50 rows per page/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /100 rows per page/i
-    })).toBeTruthy();
-  });
-  test('Renders 2 buttons when given an array of 2 rowOptions', function () {
-    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      setTablePadding: function setTablePadding(p) {
-        return console.log(p);
-      },
-      rowOptions: [5, 8]
-    }));
-    expect(_react2.screen.getByText(/Rows per page:/i)).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /5 rows per page/i
-    })).toBeTruthy();
-    expect(_react2.screen.getByRole('button', {
-      name: /8 rows per page/i
-    })).toBeTruthy();
-  });
-});