@pedidopago/ui 1.5.20 → 1.5.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Alert/types.d.ts +1 -1
- package/dist/components/Alert/types.d.ts.map +1 -1
- package/dist/components/Avatar/types.d.ts +1 -1
- package/dist/components/Avatar/types.d.ts.map +1 -1
- package/dist/components/Flex/styles.js +1 -1
- package/dist/components/Flex/types.d.ts +1 -1
- package/dist/components/Flex/types.d.ts.map +1 -1
- package/dist/components/IconItem/types.d.ts +1 -1
- package/dist/components/IconItem/types.d.ts.map +1 -1
- package/dist/components/MultipleSelect/types.d.ts +1 -1
- package/dist/components/MultipleSelect/types.d.ts.map +1 -1
- package/dist/components/Pagination/types.d.ts +1 -1
- package/dist/components/Pagination/types.d.ts.map +1 -1
- package/dist/components/Spinner/types.d.ts +1 -1
- package/dist/components/Spinner/types.d.ts.map +1 -1
- package/dist/shared/global.d.ts +2 -0
- package/dist/shared/global.d.ts.map +1 -0
- package/dist/utils/file.d.ts +1 -1
- package/dist/utils/file.d.ts.map +1 -1
- package/dist/utils/formatters/credit-card.d.ts +1 -1
- package/dist/utils/formatters/credit-card.d.ts.map +1 -1
- package/dist/utils/formatters/name.d.ts +1 -1
- package/dist/utils/formatters/name.d.ts.map +1 -1
- package/package.json +7 -4
- package/dist/components/Alert/alert.test.d.ts +0 -2
- package/dist/components/Alert/alert.test.d.ts.map +0 -1
- package/dist/components/Alert/alert.test.js +0 -92
- package/dist/components/Avatar/avatar.test.d.ts +0 -2
- package/dist/components/Avatar/avatar.test.d.ts.map +0 -1
- package/dist/components/Avatar/avatar.test.js +0 -74
- package/dist/components/Badge/badge.test.d.ts +0 -2
- package/dist/components/Badge/badge.test.d.ts.map +0 -1
- package/dist/components/Badge/badge.test.js +0 -82
- package/dist/components/Button/Button.test.d.ts +0 -2
- package/dist/components/Button/Button.test.d.ts.map +0 -1
- package/dist/components/Button/Button.test.js +0 -172
- package/dist/components/Card/card.test.d.ts +0 -2
- package/dist/components/Card/card.test.d.ts.map +0 -1
- package/dist/components/Card/card.test.js +0 -37
- package/dist/components/CheckboxInput/checkbox-input.test.d.ts +0 -2
- package/dist/components/CheckboxInput/checkbox-input.test.d.ts.map +0 -1
- package/dist/components/CheckboxInput/checkbox-input.test.js +0 -194
- package/dist/components/CollapseCard/expand-button.test.d.ts +0 -2
- package/dist/components/CollapseCard/expand-button.test.d.ts.map +0 -1
- package/dist/components/CollapseCard/expand-button.test.js +0 -196
- package/dist/components/ColorPicker/colorpicker.test.d.ts +0 -2
- package/dist/components/ColorPicker/colorpicker.test.d.ts.map +0 -1
- package/dist/components/ColorPicker/colorpicker.test.js +0 -74
- package/dist/components/DateInput/dateInput.test.d.ts +0 -2
- package/dist/components/DateInput/dateInput.test.d.ts.map +0 -1
- package/dist/components/DateInput/dateInput.test.js +0 -52
- package/dist/components/DatePicker/datepicker.test.d.ts +0 -2
- package/dist/components/DatePicker/datepicker.test.d.ts.map +0 -1
- package/dist/components/DatePicker/datepicker.test.js +0 -138
- package/dist/components/Dialog/dialog.test.d.ts +0 -2
- package/dist/components/Dialog/dialog.test.d.ts.map +0 -1
- package/dist/components/Dialog/dialog.test.js +0 -81
- package/dist/components/Dropzone/dropzone.test.d.ts +0 -2
- package/dist/components/Dropzone/dropzone.test.d.ts.map +0 -1
- package/dist/components/Dropzone/dropzone.test.js +0 -79
- package/dist/components/Flex/flex.test.d.ts +0 -2
- package/dist/components/Flex/flex.test.d.ts.map +0 -1
- package/dist/components/Flex/flex.test.js +0 -355
- package/dist/components/Grid/grid.test.d.ts +0 -2
- package/dist/components/Grid/grid.test.d.ts.map +0 -1
- package/dist/components/Grid/grid.test.js +0 -140
- package/dist/components/Icon/icon.test.d.ts +0 -2
- package/dist/components/Icon/icon.test.d.ts.map +0 -1
- package/dist/components/Icon/icon.test.js +0 -70
- package/dist/components/IconItem/IconItem.test.d.ts +0 -2
- package/dist/components/IconItem/IconItem.test.d.ts.map +0 -1
- package/dist/components/IconItem/IconItem.test.js +0 -68
- package/dist/components/Illustration/illustration.test.d.ts +0 -2
- package/dist/components/Illustration/illustration.test.d.ts.map +0 -1
- package/dist/components/Illustration/illustration.test.js +0 -61
- package/dist/components/ImageItem/input.test.d.ts +0 -2
- package/dist/components/ImageItem/input.test.d.ts.map +0 -1
- package/dist/components/ImageItem/input.test.js +0 -101
- package/dist/components/Input/input.test.d.ts +0 -2
- package/dist/components/Input/input.test.d.ts.map +0 -1
- package/dist/components/Input/input.test.js +0 -144
- package/dist/components/Label/label.test.d.ts +0 -2
- package/dist/components/Label/label.test.d.ts.map +0 -1
- package/dist/components/Label/label.test.js +0 -105
- package/dist/components/List/list.test.d.ts +0 -2
- package/dist/components/List/list.test.d.ts.map +0 -1
- package/dist/components/List/list.test.js +0 -71
- package/dist/components/Modal/modal.test.d.ts +0 -2
- package/dist/components/Modal/modal.test.d.ts.map +0 -1
- package/dist/components/Modal/modal.test.js +0 -197
- package/dist/components/MultipleSelect/MultipleSelect.test.d.ts +0 -2
- package/dist/components/MultipleSelect/MultipleSelect.test.d.ts.map +0 -1
- package/dist/components/MultipleSelect/MultipleSelect.test.js +0 -447
- package/dist/components/Pagination/pagination.test.d.ts +0 -2
- package/dist/components/Pagination/pagination.test.d.ts.map +0 -1
- package/dist/components/Pagination/pagination.test.js +0 -152
- package/dist/components/Progress/progress.test.d.ts +0 -2
- package/dist/components/Progress/progress.test.d.ts.map +0 -1
- package/dist/components/Progress/progress.test.js +0 -126
- package/dist/components/RadioInput/radio-input.test.d.ts +0 -2
- package/dist/components/RadioInput/radio-input.test.d.ts.map +0 -1
- package/dist/components/RadioInput/radio-input.test.js +0 -208
- package/dist/components/Rating/rating.test.d.ts +0 -2
- package/dist/components/Rating/rating.test.d.ts.map +0 -1
- package/dist/components/Rating/rating.test.js +0 -79
- package/dist/components/ReactPortal/reactPortal.test.d.ts +0 -2
- package/dist/components/ReactPortal/reactPortal.test.d.ts.map +0 -1
- package/dist/components/ReactPortal/reactPortal.test.js +0 -26
- package/dist/components/Select/select.test.d.ts +0 -2
- package/dist/components/Select/select.test.d.ts.map +0 -1
- package/dist/components/Select/select.test.js +0 -67
- package/dist/components/Skeleton/skeleton.test.d.ts +0 -2
- package/dist/components/Skeleton/skeleton.test.d.ts.map +0 -1
- package/dist/components/Skeleton/skeleton.test.js +0 -106
- package/dist/components/Slider/slider.test.d.ts +0 -2
- package/dist/components/Slider/slider.test.d.ts.map +0 -1
- package/dist/components/Slider/slider.test.js +0 -134
- package/dist/components/Spinner/spinner.test.d.ts +0 -2
- package/dist/components/Spinner/spinner.test.d.ts.map +0 -1
- package/dist/components/Spinner/spinner.test.js +0 -55
- package/dist/components/Steps/steps.test.d.ts +0 -2
- package/dist/components/Steps/steps.test.d.ts.map +0 -1
- package/dist/components/Steps/steps.test.js +0 -63
- package/dist/components/Switch/switch.test.d.ts +0 -2
- package/dist/components/Switch/switch.test.d.ts.map +0 -1
- package/dist/components/Switch/switch.test.js +0 -253
- package/dist/components/Table/table.test.d.ts +0 -2
- package/dist/components/Table/table.test.d.ts.map +0 -1
- package/dist/components/Table/table.test.js +0 -130
- package/dist/components/Tabs/tabs.test.d.ts +0 -2
- package/dist/components/Tabs/tabs.test.d.ts.map +0 -1
- package/dist/components/Tabs/tabs.test.js +0 -159
- package/dist/components/Tag/tag.test.d.ts +0 -2
- package/dist/components/Tag/tag.test.d.ts.map +0 -1
- package/dist/components/Tag/tag.test.js +0 -78
- package/dist/components/TextAreaInput/text-area-input.test.d.ts +0 -2
- package/dist/components/TextAreaInput/text-area-input.test.d.ts.map +0 -1
- package/dist/components/TextAreaInput/text-area-input.test.js +0 -96
- package/dist/components/Thumbnail/thumbnail.test.d.ts +0 -2
- package/dist/components/Thumbnail/thumbnail.test.d.ts.map +0 -1
- package/dist/components/Thumbnail/thumbnail.test.js +0 -82
- package/dist/components/Timeline/timeline.test.d.ts +0 -2
- package/dist/components/Timeline/timeline.test.d.ts.map +0 -1
- package/dist/components/Timeline/timeline.test.js +0 -152
- package/dist/components/Toast/toast.test.d.ts +0 -2
- package/dist/components/Toast/toast.test.d.ts.map +0 -1
- package/dist/components/Toast/toast.test.js +0 -139
- package/dist/components/Typography/typography.test.d.ts +0 -2
- package/dist/components/Typography/typography.test.d.ts.map +0 -1
- package/dist/components/Typography/typography.test.js +0 -325
- package/dist/shared/theme/theme.test.d.ts +0 -2
- package/dist/shared/theme/theme.test.d.ts.map +0 -1
- package/dist/shared/theme/theme.test.js +0 -115
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
|
|
5
|
-
var _react = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
require("@testing-library/jest-dom");
|
|
8
|
-
|
|
9
|
-
var _ = _interopRequireDefault(require("."));
|
|
10
|
-
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
describe('Button', function () {
|
|
22
|
-
var setup = function setup(props) {
|
|
23
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
24
|
-
children: "Button test"
|
|
25
|
-
})));
|
|
26
|
-
|
|
27
|
-
var getSkeleton = function getSkeleton() {
|
|
28
|
-
return utils.getAllByTestId('skeleton')[0];
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
var getLeftIcon = function getLeftIcon() {
|
|
32
|
-
return utils.getAllByTestId('leftIconId')[0];
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var getRightIcon = function getRightIcon() {
|
|
36
|
-
return utils.getAllByTestId('rightIconId')[0];
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
return _objectSpread({
|
|
40
|
-
getSkeleton: getSkeleton,
|
|
41
|
-
getLeftIcon: getLeftIcon,
|
|
42
|
-
getRightIcon: getRightIcon
|
|
43
|
-
}, utils);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
it('should be rendered', function () {
|
|
47
|
-
var _setup = setup({
|
|
48
|
-
bgColor: '#fff',
|
|
49
|
-
variant: 'solid'
|
|
50
|
-
}),
|
|
51
|
-
container = _setup.container;
|
|
52
|
-
|
|
53
|
-
expect(container).toBeInTheDocument();
|
|
54
|
-
});
|
|
55
|
-
it('should call onClick function when clicked', function () {
|
|
56
|
-
var handleClick = jest.fn();
|
|
57
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
58
|
-
variant: "solid",
|
|
59
|
-
bgColor: "#fff",
|
|
60
|
-
onClick: handleClick,
|
|
61
|
-
children: "Click Me"
|
|
62
|
-
}));
|
|
63
|
-
|
|
64
|
-
_react.fireEvent.click(_react.screen.getByRole('button'));
|
|
65
|
-
|
|
66
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
67
|
-
});
|
|
68
|
-
it('should render a disabled button', function () {
|
|
69
|
-
var handleClick = jest.fn();
|
|
70
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
71
|
-
disabled: true,
|
|
72
|
-
variant: "solid",
|
|
73
|
-
bgColor: "#fff",
|
|
74
|
-
onClick: handleClick,
|
|
75
|
-
children: "Click Me"
|
|
76
|
-
}));
|
|
77
|
-
expect(_react.screen.getByRole('button')).toBeDisabled();
|
|
78
|
-
expect(_react.screen.getByRole('button')).not.toHaveStyle('cursor: pointer');
|
|
79
|
-
});
|
|
80
|
-
it('should render a ghost variant button', function () {
|
|
81
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
82
|
-
variant: "ghost",
|
|
83
|
-
children: "Click Me"
|
|
84
|
-
}));
|
|
85
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
|
|
86
|
-
});
|
|
87
|
-
it('should render a link variant button', function () {
|
|
88
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
89
|
-
variant: "link",
|
|
90
|
-
children: "Click Me"
|
|
91
|
-
}));
|
|
92
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
|
|
93
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('text-decoration: underline');
|
|
94
|
-
});
|
|
95
|
-
it('should render an outline variant button', function () {
|
|
96
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
97
|
-
variant: "outline",
|
|
98
|
-
textColor: "#ff00ff",
|
|
99
|
-
children: "Click Me"
|
|
100
|
-
}));
|
|
101
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('background-color: transparent');
|
|
102
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('color: #ff00ff');
|
|
103
|
-
});
|
|
104
|
-
it('should render a button that takes full width (boolean)', function () {
|
|
105
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
106
|
-
fullWidth: true,
|
|
107
|
-
variant: "solid",
|
|
108
|
-
children: "Click Me"
|
|
109
|
-
}));
|
|
110
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
|
|
111
|
-
});
|
|
112
|
-
it('should render a button that takes full width (Responsive Object)', function () {
|
|
113
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
114
|
-
fullWidth: {
|
|
115
|
-
base: true
|
|
116
|
-
},
|
|
117
|
-
variant: "solid",
|
|
118
|
-
bgColor: "#fff",
|
|
119
|
-
children: "Click Me"
|
|
120
|
-
}));
|
|
121
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('width: 100%');
|
|
122
|
-
});
|
|
123
|
-
it('should not render a button that takes full width (Responsive Object)', function () {
|
|
124
|
-
var handleClick = jest.fn();
|
|
125
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
126
|
-
fullWidth: {
|
|
127
|
-
base: false,
|
|
128
|
-
sm: true
|
|
129
|
-
},
|
|
130
|
-
variant: "solid",
|
|
131
|
-
bgColor: "#fff",
|
|
132
|
-
onClick: handleClick,
|
|
133
|
-
children: "Click Me"
|
|
134
|
-
}));
|
|
135
|
-
expect(_react.screen.getByRole('button')).not.toHaveStyle('width: 100%');
|
|
136
|
-
});
|
|
137
|
-
it('should render a button with a leftIcon', function () {
|
|
138
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
139
|
-
leftIcon: "airplay",
|
|
140
|
-
variant: "solid",
|
|
141
|
-
children: "Click Me"
|
|
142
|
-
}));
|
|
143
|
-
|
|
144
|
-
var _setup2 = setup({
|
|
145
|
-
leftIcon: 'airplay'
|
|
146
|
-
}),
|
|
147
|
-
getLeftIcon = _setup2.getLeftIcon;
|
|
148
|
-
|
|
149
|
-
expect(getLeftIcon()).toBeInTheDocument();
|
|
150
|
-
});
|
|
151
|
-
it('should render a button with a rightIcon', function () {
|
|
152
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
153
|
-
rightIcon: "airplay",
|
|
154
|
-
variant: "solid",
|
|
155
|
-
children: "Click Me"
|
|
156
|
-
}));
|
|
157
|
-
|
|
158
|
-
var _setup3 = setup({
|
|
159
|
-
rightIcon: 'airplay'
|
|
160
|
-
}),
|
|
161
|
-
getRightIcon = _setup3.getRightIcon;
|
|
162
|
-
|
|
163
|
-
expect(getRightIcon()).toBeInTheDocument();
|
|
164
|
-
});
|
|
165
|
-
it('should render a button with a grey textColor', function () {
|
|
166
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
167
|
-
textColor: "#8b7e8b",
|
|
168
|
-
children: "Click Me"
|
|
169
|
-
}));
|
|
170
|
-
expect(_react.screen.getByRole('button')).toHaveStyle('color: #8b7e8b');
|
|
171
|
-
});
|
|
172
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.test.d.ts","sourceRoot":"","sources":["../../../src/components/Card/card.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
|
|
5
|
-
require("@testing-library/jest-dom");
|
|
6
|
-
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
var setup = function setup(props) {
|
|
18
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
|
|
19
|
-
return utils;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
describe('Card', function () {
|
|
23
|
-
it('Should render a empty card', function () {
|
|
24
|
-
var _setup = setup({}),
|
|
25
|
-
container = _setup.container;
|
|
26
|
-
|
|
27
|
-
expect(container).toBeInTheDocument();
|
|
28
|
-
});
|
|
29
|
-
it('Should render a card with padding', function () {
|
|
30
|
-
var _setup2 = setup({
|
|
31
|
-
cardPadding: '32px'
|
|
32
|
-
}),
|
|
33
|
-
container = _setup2.container;
|
|
34
|
-
|
|
35
|
-
expect(container).toBeInTheDocument();
|
|
36
|
-
});
|
|
37
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxInput/checkbox-input.test.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
|
|
5
|
-
require("@testing-library/jest-dom");
|
|
6
|
-
|
|
7
|
-
var _react = require("@testing-library/react");
|
|
8
|
-
|
|
9
|
-
var _ = _interopRequireDefault(require("."));
|
|
10
|
-
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
var mockPropCheckboxChildren = [{
|
|
22
|
-
label: 'Children-1',
|
|
23
|
-
value: 'children-1',
|
|
24
|
-
id: 'children-1'
|
|
25
|
-
}, {
|
|
26
|
-
label: 'Children-2',
|
|
27
|
-
value: 'children-2',
|
|
28
|
-
id: 'children-2'
|
|
29
|
-
}, {
|
|
30
|
-
label: 'Children-3',
|
|
31
|
-
value: 'children-3',
|
|
32
|
-
id: 'children-3'
|
|
33
|
-
}];
|
|
34
|
-
|
|
35
|
-
var makeSut = function makeSut(props) {
|
|
36
|
-
var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
|
|
37
|
-
var checkbox = sut.container.querySelector('input');
|
|
38
|
-
var label = sut.container.querySelector('label');
|
|
39
|
-
return {
|
|
40
|
-
sut: sut,
|
|
41
|
-
checkbox: checkbox,
|
|
42
|
-
label: label
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
describe('CheckboxInput', function () {
|
|
47
|
-
it('should render input with type checkbox', function () {
|
|
48
|
-
var _makeSut = makeSut(),
|
|
49
|
-
checkbox = _makeSut.checkbox;
|
|
50
|
-
|
|
51
|
-
expect(checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('type')).toBe('checkbox');
|
|
52
|
-
});
|
|
53
|
-
it('should must disable checkbox when isDisabled is true', function () {
|
|
54
|
-
var _makeSut2 = makeSut({
|
|
55
|
-
isDisabled: true
|
|
56
|
-
}),
|
|
57
|
-
checkbox = _makeSut2.checkbox;
|
|
58
|
-
|
|
59
|
-
expect(checkbox).toBeDisabled();
|
|
60
|
-
});
|
|
61
|
-
it('should not render label if label prop not provided', function () {
|
|
62
|
-
var _makeSut3 = makeSut({
|
|
63
|
-
label: ''
|
|
64
|
-
}),
|
|
65
|
-
label = _makeSut3.label;
|
|
66
|
-
|
|
67
|
-
expect(label).not.toBeInTheDocument();
|
|
68
|
-
});
|
|
69
|
-
it('should render label element with correct label prop value', function () {
|
|
70
|
-
var labelValue = 'correct_label_value';
|
|
71
|
-
|
|
72
|
-
var _makeSut4 = makeSut({
|
|
73
|
-
label: labelValue
|
|
74
|
-
}),
|
|
75
|
-
label = _makeSut4.label;
|
|
76
|
-
|
|
77
|
-
expect(label.innerHTML).toBe(labelValue);
|
|
78
|
-
});
|
|
79
|
-
it('should select checkbox on click in label element', function () {
|
|
80
|
-
var _makeSut5 = makeSut({
|
|
81
|
-
id: 'any_id',
|
|
82
|
-
label: 'any_label'
|
|
83
|
-
}),
|
|
84
|
-
label = _makeSut5.label,
|
|
85
|
-
checkbox = _makeSut5.checkbox;
|
|
86
|
-
|
|
87
|
-
_react.fireEvent.click(label);
|
|
88
|
-
|
|
89
|
-
expect(checkbox).toBeChecked();
|
|
90
|
-
});
|
|
91
|
-
it('should render multiple checkbox', function () {
|
|
92
|
-
var _makeSut6 = makeSut({
|
|
93
|
-
id: 'any_id',
|
|
94
|
-
label: 'any_label',
|
|
95
|
-
isMultiple: true,
|
|
96
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
97
|
-
}),
|
|
98
|
-
sut = _makeSut6.sut;
|
|
99
|
-
|
|
100
|
-
expect(sut.getByRole('list')).toBeInTheDocument();
|
|
101
|
-
});
|
|
102
|
-
it('should render multiple checkbox with childrens', function () {
|
|
103
|
-
var _makeSut7 = makeSut({
|
|
104
|
-
id: 'any_id',
|
|
105
|
-
label: 'any_label',
|
|
106
|
-
isMultiple: true,
|
|
107
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
108
|
-
}),
|
|
109
|
-
sut = _makeSut7.sut;
|
|
110
|
-
|
|
111
|
-
expect(sut.getAllByRole('listitem')).toBeTruthy();
|
|
112
|
-
});
|
|
113
|
-
it('should render multiple checkbox with parent label', function () {
|
|
114
|
-
var _makeSut8 = makeSut({
|
|
115
|
-
id: 'any_id',
|
|
116
|
-
label: 'any_label',
|
|
117
|
-
isMultiple: true,
|
|
118
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
119
|
-
}),
|
|
120
|
-
sut = _makeSut8.sut;
|
|
121
|
-
|
|
122
|
-
expect(sut.getByLabelText('any_label')).toBeInTheDocument();
|
|
123
|
-
});
|
|
124
|
-
it('should render multiple checkbox with children label', function () {
|
|
125
|
-
var _makeSut9 = makeSut({
|
|
126
|
-
id: 'any_id',
|
|
127
|
-
label: 'any_label',
|
|
128
|
-
isMultiple: true,
|
|
129
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
130
|
-
}),
|
|
131
|
-
sut = _makeSut9.sut;
|
|
132
|
-
|
|
133
|
-
mockPropCheckboxChildren.forEach(function (item) {
|
|
134
|
-
expect(sut.getByLabelText(item.label)).toBeInTheDocument();
|
|
135
|
-
});
|
|
136
|
-
});
|
|
137
|
-
it('should disabled multiple checkbox with isDisabled are provided', function () {
|
|
138
|
-
var _makeSut10 = makeSut({
|
|
139
|
-
id: 'any_id',
|
|
140
|
-
label: 'any_label',
|
|
141
|
-
isMultiple: true,
|
|
142
|
-
checkboxChildren: mockPropCheckboxChildren,
|
|
143
|
-
isDisabled: true
|
|
144
|
-
}),
|
|
145
|
-
sut = _makeSut10.sut,
|
|
146
|
-
checkbox = _makeSut10.checkbox;
|
|
147
|
-
|
|
148
|
-
var checkboxChildrens = sut.getAllByRole('listitem');
|
|
149
|
-
checkboxChildrens.forEach(function (children) {
|
|
150
|
-
children.querySelectorAll('input').forEach(function (input) {
|
|
151
|
-
expect(input).toBeDisabled();
|
|
152
|
-
});
|
|
153
|
-
});
|
|
154
|
-
expect(checkbox).toBeDisabled();
|
|
155
|
-
});
|
|
156
|
-
it('should checked childrens on click parent checkbox', function () {
|
|
157
|
-
var _makeSut11 = makeSut({
|
|
158
|
-
id: 'any_id',
|
|
159
|
-
label: 'any_label',
|
|
160
|
-
isMultiple: true,
|
|
161
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
162
|
-
}),
|
|
163
|
-
sut = _makeSut11.sut,
|
|
164
|
-
checkbox = _makeSut11.checkbox;
|
|
165
|
-
|
|
166
|
-
_react.fireEvent.click(checkbox);
|
|
167
|
-
|
|
168
|
-
var checkboxChildrens = sut.getAllByRole('listitem');
|
|
169
|
-
checkboxChildrens.forEach(function (children) {
|
|
170
|
-
children.querySelectorAll('input').forEach(function (input) {
|
|
171
|
-
expect(input).toBeChecked();
|
|
172
|
-
});
|
|
173
|
-
});
|
|
174
|
-
});
|
|
175
|
-
it('should unchecked childrens on click checked parent checkbox', function () {
|
|
176
|
-
var _makeSut12 = makeSut({
|
|
177
|
-
id: 'any_id',
|
|
178
|
-
label: 'any_label',
|
|
179
|
-
isMultiple: true,
|
|
180
|
-
checkboxChildren: mockPropCheckboxChildren
|
|
181
|
-
}),
|
|
182
|
-
sut = _makeSut12.sut,
|
|
183
|
-
checkbox = _makeSut12.checkbox;
|
|
184
|
-
|
|
185
|
-
_react.fireEvent.doubleClick(checkbox);
|
|
186
|
-
|
|
187
|
-
var checkboxChildrens = sut.getAllByRole('listitem');
|
|
188
|
-
checkboxChildrens.forEach(function (children) {
|
|
189
|
-
children.querySelectorAll('input').forEach(function (input) {
|
|
190
|
-
expect(input).not.toBeChecked();
|
|
191
|
-
});
|
|
192
|
-
});
|
|
193
|
-
});
|
|
194
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"expand-button.test.d.ts","sourceRoot":"","sources":["../../../src/components/CollapseCard/expand-button.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
|
|
5
|
-
var _react = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
require("@testing-library/jest-dom");
|
|
8
|
-
|
|
9
|
-
var _ = require(".");
|
|
10
|
-
|
|
11
|
-
var _Flex = _interopRequireDefault(require("../Flex"));
|
|
12
|
-
|
|
13
|
-
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
14
|
-
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
19
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
20
|
-
|
|
21
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
22
|
-
|
|
23
|
-
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; }
|
|
24
|
-
|
|
25
|
-
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; }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
|
-
var setup = function setup(props) {
|
|
30
|
-
function Header() {
|
|
31
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
32
|
-
justifyContent: "space-between",
|
|
33
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
34
|
-
fontWeight: "600",
|
|
35
|
-
color: "neutral.neutral5",
|
|
36
|
-
children: "Data"
|
|
37
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
38
|
-
fontWeight: "600",
|
|
39
|
-
color: "neutral.neutral5",
|
|
40
|
-
children: "Nome do cliente"
|
|
41
|
-
})]
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CollapseCard, _objectSpread(_objectSpread({
|
|
46
|
-
header: /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})
|
|
47
|
-
}, props), {}, {
|
|
48
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
|
|
49
|
-
children: "Menu"
|
|
50
|
-
})
|
|
51
|
-
})));
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
describe('CollapseCard', function () {
|
|
55
|
-
it('should it render the CollapseCard component', function () {
|
|
56
|
-
var _setup = setup(),
|
|
57
|
-
container = _setup.container;
|
|
58
|
-
|
|
59
|
-
expect(container).toBeInTheDocument();
|
|
60
|
-
});
|
|
61
|
-
it('should not visible content CollapseCard', function () {
|
|
62
|
-
setup();
|
|
63
|
-
|
|
64
|
-
var content = _react.screen.getByRole('heading', {
|
|
65
|
-
name: /menu/i
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
expect(content.parentElement).toHaveStyle({
|
|
69
|
-
height: 0
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
it('should visible content onClick', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
73
|
-
var content;
|
|
74
|
-
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
75
|
-
while (1) {
|
|
76
|
-
switch (_context.prev = _context.next) {
|
|
77
|
-
case 0:
|
|
78
|
-
setup();
|
|
79
|
-
|
|
80
|
-
_react.fireEvent.click(_react.screen.getByRole('button'));
|
|
81
|
-
|
|
82
|
-
content = _react.screen.getByRole('heading', {
|
|
83
|
-
name: /menu/i
|
|
84
|
-
});
|
|
85
|
-
_context.next = 5;
|
|
86
|
-
return (0, _react.waitFor)(function () {
|
|
87
|
-
expect(content.parentElement).toHaveStyle({
|
|
88
|
-
height: 'auto'
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
case 5:
|
|
93
|
-
case "end":
|
|
94
|
-
return _context.stop();
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}, _callee);
|
|
98
|
-
})));
|
|
99
|
-
it('should visible content on isOpen provided', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
100
|
-
var content;
|
|
101
|
-
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
102
|
-
while (1) {
|
|
103
|
-
switch (_context2.prev = _context2.next) {
|
|
104
|
-
case 0:
|
|
105
|
-
setup({
|
|
106
|
-
isOpen: true
|
|
107
|
-
});
|
|
108
|
-
content = _react.screen.getByRole('heading', {
|
|
109
|
-
name: /menu/i
|
|
110
|
-
});
|
|
111
|
-
_context2.next = 4;
|
|
112
|
-
return (0, _react.waitFor)(function () {
|
|
113
|
-
expect(content.parentElement).toHaveStyle({
|
|
114
|
-
height: 'auto'
|
|
115
|
-
});
|
|
116
|
-
});
|
|
117
|
-
|
|
118
|
-
case 4:
|
|
119
|
-
case "end":
|
|
120
|
-
return _context2.stop();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}, _callee2);
|
|
124
|
-
})));
|
|
125
|
-
it('should disabled clickable area on isDisabled is provided', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
|
126
|
-
var content;
|
|
127
|
-
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
128
|
-
while (1) {
|
|
129
|
-
switch (_context3.prev = _context3.next) {
|
|
130
|
-
case 0:
|
|
131
|
-
setup({
|
|
132
|
-
isDisabled: true
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
_react.fireEvent.click(_react.screen.getByRole('button'));
|
|
136
|
-
|
|
137
|
-
content = _react.screen.getByRole('heading', {
|
|
138
|
-
name: /menu/i
|
|
139
|
-
});
|
|
140
|
-
_context3.next = 5;
|
|
141
|
-
return (0, _react.waitFor)(function () {
|
|
142
|
-
expect(content.parentElement).toHaveStyle({
|
|
143
|
-
height: 0
|
|
144
|
-
});
|
|
145
|
-
});
|
|
146
|
-
|
|
147
|
-
case 5:
|
|
148
|
-
case "end":
|
|
149
|
-
return _context3.stop();
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}, _callee3);
|
|
153
|
-
})));
|
|
154
|
-
it('should open clickable area on headerAsExpandButton is provided', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
|
|
155
|
-
var content;
|
|
156
|
-
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
157
|
-
while (1) {
|
|
158
|
-
switch (_context4.prev = _context4.next) {
|
|
159
|
-
case 0:
|
|
160
|
-
setup({
|
|
161
|
-
headerAsExpandButton: true
|
|
162
|
-
});
|
|
163
|
-
|
|
164
|
-
_react.fireEvent.click(_react.screen.getAllByRole('button')[0]);
|
|
165
|
-
|
|
166
|
-
content = _react.screen.getByRole('heading', {
|
|
167
|
-
name: /menu/i
|
|
168
|
-
});
|
|
169
|
-
_context4.next = 5;
|
|
170
|
-
return (0, _react.waitFor)(function () {
|
|
171
|
-
expect(content.parentElement).toHaveStyle({
|
|
172
|
-
height: 'auto'
|
|
173
|
-
});
|
|
174
|
-
});
|
|
175
|
-
|
|
176
|
-
case 5:
|
|
177
|
-
case "end":
|
|
178
|
-
return _context4.stop();
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
}, _callee4);
|
|
182
|
-
})));
|
|
183
|
-
it('should open calls onClick function if onClick is provided', function () {
|
|
184
|
-
var onClick = jest.fn();
|
|
185
|
-
setup({
|
|
186
|
-
headerAsExpandButton: true,
|
|
187
|
-
onClick: onClick
|
|
188
|
-
});
|
|
189
|
-
|
|
190
|
-
_react.fireEvent.click(_react.screen.getAllByRole('button')[0]);
|
|
191
|
-
|
|
192
|
-
_react.fireEvent.click(_react.screen.getAllByRole('button')[1]);
|
|
193
|
-
|
|
194
|
-
expect(onClick).toBeCalled();
|
|
195
|
-
});
|
|
196
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colorpicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/colorpicker.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|