@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,253 +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/extend-expect");
|
|
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 setup = function setup(props) {
|
|
22
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
|
|
23
|
-
var SwitchElement = utils.getByTestId('switch');
|
|
24
|
-
var SwitchWrapper = utils.getByTestId('switch-wrapper');
|
|
25
|
-
return _objectSpread({
|
|
26
|
-
SwitchElement: SwitchElement,
|
|
27
|
-
SwitchWrapper: SwitchWrapper
|
|
28
|
-
}, utils);
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
describe('Switch', function () {
|
|
32
|
-
it('Should be Rendered', function () {
|
|
33
|
-
var _setup = setup(),
|
|
34
|
-
SwitchElement = _setup.SwitchElement;
|
|
35
|
-
|
|
36
|
-
expect(SwitchElement).toBeInTheDocument();
|
|
37
|
-
});
|
|
38
|
-
it('Should return state in callback onChangeValue on click', function () {
|
|
39
|
-
var onChangeValue = jest.fn();
|
|
40
|
-
|
|
41
|
-
var _setup2 = setup({
|
|
42
|
-
onChangeValue: onChangeValue
|
|
43
|
-
}),
|
|
44
|
-
SwitchElement = _setup2.SwitchElement;
|
|
45
|
-
|
|
46
|
-
_react.fireEvent.click(SwitchElement);
|
|
47
|
-
|
|
48
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
49
|
-
});
|
|
50
|
-
it('Should not be controlled if has Alert prop and show error', function () {
|
|
51
|
-
var onChangeValue = jest.fn();
|
|
52
|
-
var onError = jest.fn();
|
|
53
|
-
|
|
54
|
-
var _setup3 = setup({
|
|
55
|
-
onChangeValue: onChangeValue
|
|
56
|
-
}),
|
|
57
|
-
SwitchElement = _setup3.SwitchElement;
|
|
58
|
-
|
|
59
|
-
_react.fireEvent.click(SwitchElement);
|
|
60
|
-
|
|
61
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
62
|
-
expect(onError).toBeCalledWith('try click with alert');
|
|
63
|
-
});
|
|
64
|
-
it('Should be controlled with keyboard: ArrowUp, ArrowRight make it true', function () {
|
|
65
|
-
var onChangeValue = jest.fn();
|
|
66
|
-
var keysToTest = ['ArrowUp', 'ArrowRight'];
|
|
67
|
-
|
|
68
|
-
var _setup4 = setup({
|
|
69
|
-
onChangeValue: onChangeValue
|
|
70
|
-
}),
|
|
71
|
-
SwitchElement = _setup4.SwitchElement;
|
|
72
|
-
|
|
73
|
-
keysToTest.forEach(function (key) {
|
|
74
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
75
|
-
code: key
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
79
|
-
|
|
80
|
-
_react.fireEvent.click(SwitchElement);
|
|
81
|
-
|
|
82
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
83
|
-
});
|
|
84
|
-
keysToTest.forEach(function (key) {
|
|
85
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
86
|
-
code: key
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
90
|
-
|
|
91
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
92
|
-
code: key
|
|
93
|
-
});
|
|
94
|
-
|
|
95
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
96
|
-
|
|
97
|
-
_react.fireEvent.click(SwitchElement);
|
|
98
|
-
|
|
99
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
it('Should be controlled with keyboard: ArrowDown, ArrowLeft, Enter and Space make it true', function () {
|
|
103
|
-
var onChangeValue = jest.fn();
|
|
104
|
-
var keysToTest = ['ArrowDown', 'ArrowLeft'];
|
|
105
|
-
|
|
106
|
-
var _setup5 = setup({
|
|
107
|
-
onChangeValue: onChangeValue
|
|
108
|
-
}),
|
|
109
|
-
SwitchElement = _setup5.SwitchElement;
|
|
110
|
-
|
|
111
|
-
_react.fireEvent.click(SwitchElement);
|
|
112
|
-
|
|
113
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
114
|
-
keysToTest.forEach(function (key) {
|
|
115
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
116
|
-
code: key
|
|
117
|
-
});
|
|
118
|
-
|
|
119
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
120
|
-
|
|
121
|
-
_react.fireEvent.click(SwitchElement);
|
|
122
|
-
|
|
123
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
124
|
-
});
|
|
125
|
-
keysToTest.forEach(function (key) {
|
|
126
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
127
|
-
code: key
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
131
|
-
|
|
132
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
133
|
-
code: key
|
|
134
|
-
});
|
|
135
|
-
|
|
136
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
137
|
-
|
|
138
|
-
_react.fireEvent.click(SwitchElement);
|
|
139
|
-
|
|
140
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
141
|
-
});
|
|
142
|
-
});
|
|
143
|
-
it('Should be controlled with keyboard: Enter and Space toggle it', function () {
|
|
144
|
-
var onChangeValue = jest.fn();
|
|
145
|
-
var keysToTest = ['Enter', 'Space'];
|
|
146
|
-
|
|
147
|
-
var _setup6 = setup({
|
|
148
|
-
onChangeValue: onChangeValue
|
|
149
|
-
}),
|
|
150
|
-
SwitchElement = _setup6.SwitchElement;
|
|
151
|
-
|
|
152
|
-
keysToTest.forEach(function (key) {
|
|
153
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
154
|
-
code: key
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
expect(onChangeValue).toBeCalledWith(true);
|
|
158
|
-
|
|
159
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
160
|
-
code: key
|
|
161
|
-
});
|
|
162
|
-
|
|
163
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
164
|
-
});
|
|
165
|
-
});
|
|
166
|
-
it('Should not be controlled with keyboard: any other keys', function () {
|
|
167
|
-
var onChangeValue = jest.fn();
|
|
168
|
-
var keysToTest = ['KeyA', 'KeyB', 'ShiftRight'];
|
|
169
|
-
|
|
170
|
-
var _setup7 = setup({
|
|
171
|
-
onChangeValue: onChangeValue
|
|
172
|
-
}),
|
|
173
|
-
SwitchElement = _setup7.SwitchElement;
|
|
174
|
-
|
|
175
|
-
keysToTest.forEach(function (key) {
|
|
176
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
177
|
-
code: key
|
|
178
|
-
});
|
|
179
|
-
|
|
180
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
181
|
-
});
|
|
182
|
-
});
|
|
183
|
-
it('Should not be controlled with keyboard: if has SwitchType, and Show Error', function () {
|
|
184
|
-
var onChangeValue = jest.fn();
|
|
185
|
-
var onError = jest.fn();
|
|
186
|
-
var keysToTest = ['Enter', 'Space'];
|
|
187
|
-
|
|
188
|
-
var _setup8 = setup({
|
|
189
|
-
onChangeValue: onChangeValue
|
|
190
|
-
}),
|
|
191
|
-
SwitchElement = _setup8.SwitchElement;
|
|
192
|
-
|
|
193
|
-
keysToTest.forEach(function (key) {
|
|
194
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
195
|
-
code: key
|
|
196
|
-
});
|
|
197
|
-
|
|
198
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
199
|
-
expect(onError).toBeCalledWith('try click with alert');
|
|
200
|
-
});
|
|
201
|
-
});
|
|
202
|
-
it('Should not be used if is disabled, and Should show error', function () {
|
|
203
|
-
var onChangeValue = jest.fn();
|
|
204
|
-
var onError = jest.fn();
|
|
205
|
-
|
|
206
|
-
var _setup9 = setup({
|
|
207
|
-
onChangeValue: onChangeValue,
|
|
208
|
-
disabled: true
|
|
209
|
-
}),
|
|
210
|
-
SwitchElement = _setup9.SwitchElement;
|
|
211
|
-
|
|
212
|
-
_react.fireEvent.click(SwitchElement);
|
|
213
|
-
|
|
214
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
215
|
-
expect(onError).toBeCalledWith('try click with disabled');
|
|
216
|
-
|
|
217
|
-
_react.fireEvent.keyDown(SwitchElement, {
|
|
218
|
-
code: 'Enter'
|
|
219
|
-
});
|
|
220
|
-
|
|
221
|
-
expect(onChangeValue).toBeCalledWith(false);
|
|
222
|
-
expect(onError).toBeCalledWith('try click with disabled');
|
|
223
|
-
});
|
|
224
|
-
it('Should render the HelpText', function () {
|
|
225
|
-
var helperText = 'Quer batata no almoço?';
|
|
226
|
-
|
|
227
|
-
var _setup10 = setup({
|
|
228
|
-
helperText: helperText
|
|
229
|
-
}),
|
|
230
|
-
SwitchWrapper = _setup10.SwitchWrapper;
|
|
231
|
-
|
|
232
|
-
var helpTextElement = SwitchWrapper.querySelector('span');
|
|
233
|
-
expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helperText);
|
|
234
|
-
});
|
|
235
|
-
it('Should receive a checked state', function () {
|
|
236
|
-
var _setup11 = setup({
|
|
237
|
-
checked: true
|
|
238
|
-
}),
|
|
239
|
-
SwitchElement = _setup11.SwitchElement;
|
|
240
|
-
|
|
241
|
-
var checkedIcon = SwitchElement.querySelector('svg');
|
|
242
|
-
expect(checkedIcon).toBeInTheDocument();
|
|
243
|
-
});
|
|
244
|
-
it('Should receive a false checked state', function () {
|
|
245
|
-
var _setup12 = setup({
|
|
246
|
-
checked: false
|
|
247
|
-
}),
|
|
248
|
-
SwitchElement = _setup12.SwitchElement;
|
|
249
|
-
|
|
250
|
-
var checkedIcon = SwitchElement.querySelector('svg');
|
|
251
|
-
expect(checkedIcon).not.toBeInTheDocument();
|
|
252
|
-
});
|
|
253
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.test.d.ts","sourceRoot":"","sources":["../../../src/components/Table/table.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}
|
|
@@ -1,130 +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/extend-expect");
|
|
8
|
-
|
|
9
|
-
var _ = require(".");
|
|
10
|
-
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
var setup = function setup(props) {
|
|
20
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, _objectSpread({}, props)));
|
|
21
|
-
return _objectSpread({}, utils);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
describe('Table', function () {
|
|
25
|
-
it('should render the table component', function () {
|
|
26
|
-
var _setup = setup({
|
|
27
|
-
header: ['Header 1', 'Header 2'],
|
|
28
|
-
rows: [{
|
|
29
|
-
items: ['Row 1', 'Row 2']
|
|
30
|
-
}]
|
|
31
|
-
}),
|
|
32
|
-
container = _setup.container;
|
|
33
|
-
|
|
34
|
-
expect(container).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
it('should render the table component with selectable prop', function () {
|
|
37
|
-
var _setup2 = setup({
|
|
38
|
-
header: ['Header 1', 'Header 2'],
|
|
39
|
-
rows: [{
|
|
40
|
-
items: ['Row 1', 'Row 2']
|
|
41
|
-
}],
|
|
42
|
-
selectable: true
|
|
43
|
-
}),
|
|
44
|
-
container = _setup2.container;
|
|
45
|
-
|
|
46
|
-
expect(container).toBeInTheDocument();
|
|
47
|
-
});
|
|
48
|
-
it('should render the table component with dropdown menu in rows', function () {
|
|
49
|
-
var _setup3 = setup({
|
|
50
|
-
header: ['Header 1', 'Header 2'],
|
|
51
|
-
rows: [{
|
|
52
|
-
items: ['Row 1', 'Row 2'],
|
|
53
|
-
actions: [{
|
|
54
|
-
label: 'Action 1',
|
|
55
|
-
handler: function handler() {}
|
|
56
|
-
}, {
|
|
57
|
-
label: 'Action 2',
|
|
58
|
-
handler: function handler() {}
|
|
59
|
-
}]
|
|
60
|
-
}]
|
|
61
|
-
}),
|
|
62
|
-
container = _setup3.container;
|
|
63
|
-
|
|
64
|
-
expect(container).toBeInTheDocument();
|
|
65
|
-
});
|
|
66
|
-
it('should select all elements', function () {
|
|
67
|
-
var _setup4 = setup({
|
|
68
|
-
header: ['Header 1', 'Header 2'],
|
|
69
|
-
rows: [{
|
|
70
|
-
items: ['Row collumn 1', 'Row collumn 2']
|
|
71
|
-
}, {
|
|
72
|
-
items: ['Row collumn 1', 'Row collumn 2']
|
|
73
|
-
}, {
|
|
74
|
-
items: ['Row collumn 1', 'Row collumn 2']
|
|
75
|
-
}],
|
|
76
|
-
selectable: true
|
|
77
|
-
}),
|
|
78
|
-
container = _setup4.container;
|
|
79
|
-
|
|
80
|
-
var firstCheckbox = container.querySelector('th input[type="checkbox"]');
|
|
81
|
-
|
|
82
|
-
_react.fireEvent.click(firstCheckbox);
|
|
83
|
-
|
|
84
|
-
var allSelectedRows = container.querySelectorAll('[data-selected="true"]');
|
|
85
|
-
expect(allSelectedRows.length).toEqual(3);
|
|
86
|
-
});
|
|
87
|
-
it('should open the dropdown menu in rows', function () {
|
|
88
|
-
var _firstRowMenuButton$p;
|
|
89
|
-
|
|
90
|
-
var _setup5 = setup({
|
|
91
|
-
header: ['Header 1', 'Header 2'],
|
|
92
|
-
rows: [{
|
|
93
|
-
items: ['Row collumn 1', 'Row collumn 2'],
|
|
94
|
-
actions: [{
|
|
95
|
-
label: 'Action 1',
|
|
96
|
-
handler: function handler() {}
|
|
97
|
-
}, {
|
|
98
|
-
label: 'Action 2',
|
|
99
|
-
handler: function handler() {}
|
|
100
|
-
}]
|
|
101
|
-
}, {
|
|
102
|
-
items: ['Row collumn 1', 'Row collumn 2'],
|
|
103
|
-
actions: [{
|
|
104
|
-
label: 'Action 1',
|
|
105
|
-
handler: function handler() {}
|
|
106
|
-
}, {
|
|
107
|
-
label: 'Action 2',
|
|
108
|
-
handler: function handler() {}
|
|
109
|
-
}]
|
|
110
|
-
}, {
|
|
111
|
-
items: ['Row collumn 1', 'Row collumn 2'],
|
|
112
|
-
actions: [{
|
|
113
|
-
label: 'Action 1',
|
|
114
|
-
handler: function handler() {}
|
|
115
|
-
}, {
|
|
116
|
-
label: 'Action 2',
|
|
117
|
-
handler: function handler() {}
|
|
118
|
-
}]
|
|
119
|
-
}]
|
|
120
|
-
}),
|
|
121
|
-
container = _setup5.container;
|
|
122
|
-
|
|
123
|
-
var firstRowMenuButton = container.querySelector('tbody tr td button');
|
|
124
|
-
|
|
125
|
-
_react.fireEvent.click(firstRowMenuButton);
|
|
126
|
-
|
|
127
|
-
var firstRowMenu = (_firstRowMenuButton$p = firstRowMenuButton.parentElement) === null || _firstRowMenuButton$p === void 0 ? void 0 : _firstRowMenuButton$p.querySelector('div');
|
|
128
|
-
expect(firstRowMenu).toHaveStyle('display: block');
|
|
129
|
-
});
|
|
130
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.test.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabs.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,159 +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 _TabsExample = require("./TabsExample");
|
|
10
|
-
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
|
|
13
|
-
describe('Tabs', function () {
|
|
14
|
-
it('should it render tabs components', function () {
|
|
15
|
-
var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsExample.TabsExample, {
|
|
16
|
-
value: 1,
|
|
17
|
-
onChangeTab: function onChangeTab() {}
|
|
18
|
-
})),
|
|
19
|
-
container = _render.container;
|
|
20
|
-
|
|
21
|
-
expect(container).toBeInTheDocument();
|
|
22
|
-
});
|
|
23
|
-
it('should it render with initial value', function () {
|
|
24
|
-
var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
25
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
26
|
-
value: 1,
|
|
27
|
-
onChangeTab: jest.fn(),
|
|
28
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
29
|
-
label: "Tab 1",
|
|
30
|
-
value: "1"
|
|
31
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
32
|
-
label: "Tab 2",
|
|
33
|
-
value: "2"
|
|
34
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
35
|
-
label: "Tab 3",
|
|
36
|
-
value: "3"
|
|
37
|
-
})]
|
|
38
|
-
})
|
|
39
|
-
})),
|
|
40
|
-
container = _render2.container;
|
|
41
|
-
|
|
42
|
-
expect(container).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('should it render with disabled prop', function () {
|
|
45
|
-
var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
46
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
47
|
-
value: 1,
|
|
48
|
-
onChangeTab: jest.fn(),
|
|
49
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
50
|
-
label: "Tab 1",
|
|
51
|
-
value: "1",
|
|
52
|
-
disabled: true
|
|
53
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
54
|
-
label: "Tab 2",
|
|
55
|
-
value: "2"
|
|
56
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
57
|
-
label: "Tab 3",
|
|
58
|
-
value: "3"
|
|
59
|
-
})]
|
|
60
|
-
})
|
|
61
|
-
})),
|
|
62
|
-
container = _render3.container;
|
|
63
|
-
|
|
64
|
-
expect(container).toBeInTheDocument();
|
|
65
|
-
expect(container.querySelector('#simple-tab-1')).toBeDisabled();
|
|
66
|
-
});
|
|
67
|
-
it('should it render with loading prop', function () {
|
|
68
|
-
var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
69
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
70
|
-
value: 1,
|
|
71
|
-
onChangeTab: jest.fn(),
|
|
72
|
-
isLoading: true,
|
|
73
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
74
|
-
label: "Tab 1",
|
|
75
|
-
value: "1"
|
|
76
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
77
|
-
label: "Tab 2",
|
|
78
|
-
value: "2"
|
|
79
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
80
|
-
label: "Tab 3",
|
|
81
|
-
value: "3"
|
|
82
|
-
})]
|
|
83
|
-
})
|
|
84
|
-
})),
|
|
85
|
-
container = _render4.container;
|
|
86
|
-
|
|
87
|
-
expect(container).toBeInTheDocument();
|
|
88
|
-
});
|
|
89
|
-
it('should it render with centered prop', function () {
|
|
90
|
-
var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
91
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
92
|
-
value: 1,
|
|
93
|
-
onChangeTab: jest.fn(),
|
|
94
|
-
centered: true,
|
|
95
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
96
|
-
label: "Tab 1",
|
|
97
|
-
value: "1"
|
|
98
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
99
|
-
label: "Tab 2",
|
|
100
|
-
value: "2"
|
|
101
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
102
|
-
label: "Tab 3",
|
|
103
|
-
value: "3"
|
|
104
|
-
})]
|
|
105
|
-
})
|
|
106
|
-
})),
|
|
107
|
-
container = _render5.container;
|
|
108
|
-
|
|
109
|
-
expect(container).toBeInTheDocument();
|
|
110
|
-
});
|
|
111
|
-
it('should it render with fullWidth prop', function () {
|
|
112
|
-
var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
113
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
114
|
-
value: 1,
|
|
115
|
-
onChangeTab: jest.fn(),
|
|
116
|
-
fullWidth: true,
|
|
117
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
118
|
-
label: "Tab 1",
|
|
119
|
-
value: "1"
|
|
120
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
121
|
-
label: "Tab 2",
|
|
122
|
-
value: "2"
|
|
123
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
124
|
-
label: "Tab 3",
|
|
125
|
-
value: "3"
|
|
126
|
-
})]
|
|
127
|
-
})
|
|
128
|
-
})),
|
|
129
|
-
container = _render6.container;
|
|
130
|
-
|
|
131
|
-
expect(container).toBeInTheDocument();
|
|
132
|
-
});
|
|
133
|
-
it('should it call the on change function when the tab is clicked', function () {
|
|
134
|
-
var onChangeTab = jest.fn();
|
|
135
|
-
|
|
136
|
-
var _render7 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
137
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
|
|
138
|
-
value: 1,
|
|
139
|
-
onChangeTab: onChangeTab,
|
|
140
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
141
|
-
label: "Tab 1",
|
|
142
|
-
value: "1"
|
|
143
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
144
|
-
label: "Tab 2",
|
|
145
|
-
value: "2"
|
|
146
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
|
|
147
|
-
label: "Tab 3",
|
|
148
|
-
value: "3"
|
|
149
|
-
})]
|
|
150
|
-
})
|
|
151
|
-
})),
|
|
152
|
-
container = _render7.container;
|
|
153
|
-
|
|
154
|
-
var tab = container.querySelector('#simple-tab-2');
|
|
155
|
-
tab === null || tab === void 0 ? void 0 : tab.click();
|
|
156
|
-
expect(onChangeTab).toHaveBeenCalled();
|
|
157
|
-
expect(onChangeTab).toHaveBeenCalledWith(2);
|
|
158
|
-
});
|
|
159
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tag.test.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/tag.test.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = require("@testing-library/react");
|
|
4
|
-
|
|
5
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
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
|
-
describe('Tag', function () {
|
|
16
|
-
it('Should render tag with correct text values', function () {
|
|
17
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
18
|
-
label: "any_label"
|
|
19
|
-
}));
|
|
20
|
-
expect(_react.screen.getByText('any_label')).toBeInTheDocument();
|
|
21
|
-
});
|
|
22
|
-
it('Should not render tag component if label not provided', function () {
|
|
23
|
-
var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
24
|
-
label: ""
|
|
25
|
-
})),
|
|
26
|
-
container = _render.container;
|
|
27
|
-
|
|
28
|
-
expect(container.querySelector('svg')).not.toBeInTheDocument();
|
|
29
|
-
});
|
|
30
|
-
it('Should render button inside tag', function () {
|
|
31
|
-
var _screen$getByText$nex;
|
|
32
|
-
|
|
33
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
34
|
-
label: "any_label"
|
|
35
|
-
}));
|
|
36
|
-
expect((_screen$getByText$nex = _react.screen.getByText('any_label').nextElementSibling) === null || _screen$getByText$nex === void 0 ? void 0 : _screen$getByText$nex.tagName).toBe('BUTTON');
|
|
37
|
-
});
|
|
38
|
-
it('Should Must always render icons at the ends of the tag', function () {
|
|
39
|
-
var _screen$getByRole$fir;
|
|
40
|
-
|
|
41
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
42
|
-
label: "any_label"
|
|
43
|
-
}));
|
|
44
|
-
expect((_screen$getByRole$fir = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir === void 0 ? void 0 : _screen$getByRole$fir.tagName).toBe('svg');
|
|
45
|
-
});
|
|
46
|
-
it('Should render left icon if leftIcon is provided', function () {
|
|
47
|
-
var _screen$getByRole$fir2, _screen$getByText$pre;
|
|
48
|
-
|
|
49
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
50
|
-
label: "any_label",
|
|
51
|
-
leftIcon: "plus"
|
|
52
|
-
}));
|
|
53
|
-
expect((_screen$getByRole$fir2 = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir2 === void 0 ? void 0 : _screen$getByRole$fir2.tagName).toBe('svg');
|
|
54
|
-
expect((_screen$getByText$pre = _react.screen.getByText('any_label').previousSibling) === null || _screen$getByText$pre === void 0 ? void 0 : _screen$getByText$pre.nodeName).toBe('svg');
|
|
55
|
-
});
|
|
56
|
-
it('Should call onClick mehod if onClick is provided', function () {
|
|
57
|
-
var fn = jest.fn();
|
|
58
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
59
|
-
label: "any_label",
|
|
60
|
-
onClick: fn
|
|
61
|
-
}));
|
|
62
|
-
|
|
63
|
-
_react.fireEvent.click(_react.screen.getByRole('button'));
|
|
64
|
-
|
|
65
|
-
expect(fn).toBeCalled();
|
|
66
|
-
});
|
|
67
|
-
it('Should render with custom colors', function () {
|
|
68
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
69
|
-
label: "any_label",
|
|
70
|
-
fillColor: "#4C2DC8"
|
|
71
|
-
}));
|
|
72
|
-
|
|
73
|
-
var wrapper = _react.screen.getByText('any_label').parentElement;
|
|
74
|
-
|
|
75
|
-
var style = window.getComputedStyle(wrapper).getPropertyValue('background-color');
|
|
76
|
-
expect(style).toBe('rgb(76, 45, 200)');
|
|
77
|
-
});
|
|
78
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-area-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/text-area-input.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|