@pedidopago/ui 1.5.21 → 1.5.23

package/dist/components/Progress/progress.test.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var _getSteps = require("./getSteps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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) { _defineProperty(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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Progress, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Progress', function () {
+  it('Should render the Progress component', function () {
+    var _setup = setup({
+      percent: 50
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress with different color', function () {
+    var randomColor = function randomColor() {
+      var color = Math.floor(Math.random() * 16777215).toString(16);
+      return "#".concat(color);
+    };
+
+    var _setup2 = setup({
+      percent: 20,
+      color: randomColor()
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress with animated bar', function () {
+    var _setup3 = setup({
+      percent: 80,
+      isAnimated: true
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Bar', function () {
+    var _setup4 = setup({
+      percent: 20,
+      type: 'linear'
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Bar with different height', function () {
+    var _setup5 = setup({
+      percent: 10,
+      height: 'sm'
+    }),
+        container = _setup5.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle', function () {
+    var _setup6 = setup({
+      percent: 10,
+      type: 'circle'
+    }),
+        container = _setup6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with different size', function () {
+    var _setup7 = setup({
+      percent: 10,
+      type: 'circle',
+      size: 200
+    }),
+        container = _setup7.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with different stroke', function () {
+    var _setup8 = setup({
+      percent: 10,
+      type: 'circle',
+      stroke: 5
+    }),
+        container = _setup8.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle with a circleBody', function () {
+    var _setup9 = setup({
+      percent: 10,
+      type: 'circle',
+      circleBody: true
+    }),
+        container = _setup9.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render the Progress as Progress Circle showing value', function () {
+    var _setup10 = setup({
+      percent: 10,
+      type: 'circle',
+      showValue: 'percent'
+    }),
+        container = _setup10.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Shoud return step by percent', function () {
+    expect((0, _getSteps.getSteps)(8, 50)).toEqual(4);
+  });
+});

package/dist/components/RadioInput/radio-input.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=radio-input.test.d.ts.map

package/dist/components/RadioInput/radio-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/radio-input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/components/RadioInput/radio-input.test.js

@@ -0,0 +1,208 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+
+var _react = require("@testing-library/react");
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _ChoiceList = _interopRequireDefault(require("./components/ChoiceList"));
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Radio Input', function () {
+  it('should render input', function () {
+    var fn = jest.fn();
+
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      onChange: fn,
+      value: "test",
+      id: "test",
+      children: "Radio Test"
+    })),
+        container = _render.container;
+
+    var radio = container.querySelector('input[type="radio"]');
+    expect(radio).toBeInTheDocument();
+  });
+  it('should check input on Click on input', function () {
+    var fn = jest.fn();
+
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
+    })),
+        container = _render2.container;
+
+    var radio = container.querySelector('input[type="radio"]');
+
+    _react.fireEvent.click(radio);
+
+    expect(radio).toBeChecked();
+  });
+  it('should check input on Click label', function () {
+    var fn = jest.fn();
+
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
+    })),
+        container = _render3.container,
+        getByText = _render3.getByText;
+
+    var radio = container.querySelector('input[type="radio"]');
+    var label = getByText('Radio Test');
+
+    _react.fireEvent.click(label);
+
+    expect(radio).toBeChecked();
+  });
+  it('should checked input if defaultChecked is provided', function () {
+    var fn = jest.fn();
+
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      defaultValue: "test",
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
+    })),
+        container = _render4.container;
+
+    var radio = container.querySelector('input[type="radio"]');
+    expect(radio).toBeChecked();
+  });
+  it('should call onChange on Click input', function () {
+    var fn = jest.fn();
+
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      onChangeValue: fn,
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
+    })),
+        container = _render5.container;
+
+    _react.fireEvent.click(container);
+
+    expect(fn).toBeCalled();
+  });
+  it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
+    var fn = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
+      onChangeValue: fn,
+      isDisabled: true,
+      radiosName: "test-name",
+      defaultValue: "test3",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test1",
+        id: "test",
+        children: "Radio Test 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test2",
+        id: "test",
+        children: "Radio Test 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test3",
+        id: "test",
+        children: "Radio Test 3"
+      })]
+    }));
+
+    var sut = _react.screen.getAllByRole('radio');
+
+    sut.forEach(function (value) {
+      expect(value).toBeDisabled();
+    });
+  });
+  it('should render helpText if helpText is provided', function () {
+    var fn = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
+      onChangeValue: fn,
+      radiosName: "test-name",
+      defaultValue: "test3",
+      helpText: "Help Text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test1",
+        id: "test",
+        children: "Radio Test 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test2",
+        id: "test",
+        children: "Radio Test 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test3",
+        id: "test",
+        children: "Radio Test 3"
+      })]
+    }));
+    expect(_react.screen.getByText('Help Text')).toBeInTheDocument();
+  });
+  it('should render label if label is provided', function () {
+    var fn = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
+      onChangeValue: fn,
+      label: "any_label",
+      radiosName: "test-name",
+      defaultValue: "test3",
+      helpText: "Help Text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test1",
+        id: "test",
+        children: "Radio Test 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test2",
+        id: "test",
+        children: "Radio Test 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test3",
+        id: "test",
+        children: "Radio Test 3"
+      })]
+    }));
+    expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).toBe('label');
+  });
+  it('should not render label if label not provided', function () {
+    var fn = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
+      onChangeValue: fn,
+      radiosName: "test-name",
+      defaultValue: "test3",
+      helpText: "Help Text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test1",
+        id: "test",
+        children: "Radio Test 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test2",
+        id: "test",
+        children: "Radio Test 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test3",
+        id: "test",
+        children: "Radio Test 3"
+      })]
+    }));
+    expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).not.toBe('label');
+  });
+});

package/dist/components/Rating/rating.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=rating.test.d.ts.map

package/dist/components/Rating/rating.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.test.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/rating.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Rating/rating.test.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _index = require("./index");
+
+require("@testing-library/jest-dom");
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Rating', function () {
+  it('should be rendered', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
+  });
+  it('should be call onChange when onChange prop is provided', function () {
+    var onChange = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      onChange: onChange
+    }));
+
+    _userEvent.default.click(_react.screen.getAllByRole('button')[4]);
+
+    expect(onChange).toHaveBeenCalled();
+  });
+  it('should be able to render any quantity of icons ', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4,
+      quantity: 7
+    }));
+    expect(_react.screen.getAllByRole('button')[6]).toBeInTheDocument();
+  });
+  it('should be able to fill svg if hover', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
+
+    var RatingIcon = _react.screen.getAllByRole('button')[4];
+
+    _react.fireEvent.mouseMove(RatingIcon);
+
+    expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).not.toBe('none');
+  });
+  it('should be able to change precision', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 4.5,
+      precision: 0.5
+    }));
+    expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
+  });
+  it('should be able to change color', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      colorFilledIcon: "neutral.neutral5"
+    }));
+
+    var RatingIcon = _react.screen.getAllByRole('button')[0];
+
+    expect(RatingIcon.firstChild).toHaveStyle('fill: #587169;');
+  });
+  it('should be able to change size 40px', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
+      value: 5,
+      size: "40px"
+    }));
+
+    var RatingIcons = _react.screen.getAllByRole('button')[0];
+
+    expect(RatingIcons.firstChild).toHaveStyle({
+      width: 40,
+      height: 40
+    });
+  });
+});

package/dist/components/ReactPortal/reactPortal.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=reactPortal.test.d.ts.map

package/dist/components/ReactPortal/reactPortal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactPortal.test.d.ts","sourceRoot":"","sources":["../../../src/components/ReactPortal/reactPortal.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/ReactPortal/reactPortal.test.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _ = require(".");
+
+require("@testing-library/jest-dom");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function setup() {
+  (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ReactPortal, {
+    wrapperId: "portal-test",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "Teste"
+    })
+  }));
+  return document.body.querySelector('#portal-test');
+}
+
+describe('ReactPortal test', function () {
+  it('Should render a div inside body', function () {
+    var divPortal = setup();
+    expect(divPortal).toBeInTheDocument();
+  });
+});