@pingux/astro 2.33.0-alpha.10 → 2.33.0-alpha.11

package/lib/components/TextField/TextField.test.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import statuses from '../../utils/devUtils/constants/statuses';
-import axeTest from '../../utils/testUtils/testAxe';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import TextField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-text-field';
@@ -20,8 +20,12 @@ var getComponent = function getComponent() {
   return render(___EmotionJSX(TextField, _extends({}, defaultProps, props)));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-axeTest(getComponent);
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(TextField, _extends({}, defaultProps, props));
+  }
+});
 test('default text field', function () {
   getComponent();
   var field = screen.getByTestId(testId);

package/lib/components/TimeZonePicker/TimeZonePicker.test.js

@@ -3,6 +3,7 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { OverlayProvider, TimeZonePicker } from '../../index';
 import { render, screen } from '../../utils/testUtils/testWrapper';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testTimeZoneJuba = 'Africa/Juba';
 var testTimeZoneApia = 'Pacific/Apia';
@@ -73,4 +74,11 @@ test('shows custom empty search state text when no items are found', function ()
   var input = screen.queryByRole('combobox');
   userEvent.type(input, 'awdasrf213');
   expect(screen.getByText(testEmptyText)).toBeInTheDocument();
+});
+
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(TimeZonePicker, _extends({}, defaultProps, props));
+  }
 });

package/lib/components/TooltipTrigger/TooltipTrigger.test.js

@@ -14,16 +14,20 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { Button, Tooltip, TooltipTrigger } from '../../index';
 import theme from '../../styles/theme';
-import axeTest from '../../utils/testUtils/testAxe';
 import { fireEvent, render, screen, waitFor } from '../../utils/testUtils/testWrapper';
+import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(TooltipTrigger, props, ___EmotionJSX(Button, props.buttonProps, "Mock Button"), ___EmotionJSX(Tooltip, null, "Tooltip Content")));
 };
 
-// Need to be added to each test file to test accessibility using axe.
-axeTest(getComponent);
+// Needs to be added to each components test file
+universalComponentTests({
+  renderComponent: function renderComponent(props) {
+    return ___EmotionJSX(TooltipTrigger, props, ___EmotionJSX(Button, null, "Mock Button"), ___EmotionJSX(Tooltip, null, "Tooltip Content"));
+  }
+});
 test('tooltip doesnt show by default and is rendered when trigger is hovered', function () {
   getComponent();
   var button = screen.getByRole('button');

package/lib/utils/testUtils/universalComponentTest.js

@@ -33,20 +33,22 @@ var ComponentWithRef = function ComponentWithRef(_ref) {
 };
 export var universalComponentTests = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2) {
-    var renderComponent, props, _ref2$rules, rules;
+    var renderComponent, _ref2$rules, rules;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          renderComponent = _ref2.renderComponent, props = _ref2.props, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
+          renderComponent = _ref2.renderComponent, _ref2$rules = _ref2.rules, rules = _ref2$rules === void 0 ? {} : _ref2$rules;
           test('should have no accessibility violations', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
             var _render, container, results;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   jest.useRealTimers();
-                  _render = render(renderComponent(props)), container = _render.container;
+                  _render = render(renderComponent()), container = _render.container;
                   _context.next = 4;
-                  return axe(container, rules);
+                  return axe(container, {
+                    rules: rules
+                  });
                 case 4:
                   results = _context.sent;
                   expect(results).toHaveNoViolations();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.33.0-alpha.10",
+  "version": "2.33.0-alpha.11",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",