@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.
Files changed (153) hide show
  1. package/dist/components/Alert/types.d.ts +1 -1
  2. package/dist/components/Alert/types.d.ts.map +1 -1
  3. package/dist/components/Avatar/types.d.ts +1 -1
  4. package/dist/components/Avatar/types.d.ts.map +1 -1
  5. package/dist/components/Flex/styles.js +1 -1
  6. package/dist/components/Flex/types.d.ts +1 -1
  7. package/dist/components/Flex/types.d.ts.map +1 -1
  8. package/dist/components/IconItem/types.d.ts +1 -1
  9. package/dist/components/IconItem/types.d.ts.map +1 -1
  10. package/dist/components/MultipleSelect/types.d.ts +1 -1
  11. package/dist/components/MultipleSelect/types.d.ts.map +1 -1
  12. package/dist/components/Pagination/types.d.ts +1 -1
  13. package/dist/components/Pagination/types.d.ts.map +1 -1
  14. package/dist/components/Spinner/types.d.ts +1 -1
  15. package/dist/components/Spinner/types.d.ts.map +1 -1
  16. package/dist/shared/global.d.ts +2 -0
  17. package/dist/shared/global.d.ts.map +1 -0
  18. package/dist/utils/file.d.ts +1 -1
  19. package/dist/utils/file.d.ts.map +1 -1
  20. package/dist/utils/formatters/credit-card.d.ts +1 -1
  21. package/dist/utils/formatters/credit-card.d.ts.map +1 -1
  22. package/dist/utils/formatters/name.d.ts +1 -1
  23. package/dist/utils/formatters/name.d.ts.map +1 -1
  24. package/package.json +7 -4
  25. package/dist/components/Alert/alert.test.d.ts +0 -2
  26. package/dist/components/Alert/alert.test.d.ts.map +0 -1
  27. package/dist/components/Alert/alert.test.js +0 -92
  28. package/dist/components/Avatar/avatar.test.d.ts +0 -2
  29. package/dist/components/Avatar/avatar.test.d.ts.map +0 -1
  30. package/dist/components/Avatar/avatar.test.js +0 -74
  31. package/dist/components/Badge/badge.test.d.ts +0 -2
  32. package/dist/components/Badge/badge.test.d.ts.map +0 -1
  33. package/dist/components/Badge/badge.test.js +0 -82
  34. package/dist/components/Button/Button.test.d.ts +0 -2
  35. package/dist/components/Button/Button.test.d.ts.map +0 -1
  36. package/dist/components/Button/Button.test.js +0 -172
  37. package/dist/components/Card/card.test.d.ts +0 -2
  38. package/dist/components/Card/card.test.d.ts.map +0 -1
  39. package/dist/components/Card/card.test.js +0 -37
  40. package/dist/components/CheckboxInput/checkbox-input.test.d.ts +0 -2
  41. package/dist/components/CheckboxInput/checkbox-input.test.d.ts.map +0 -1
  42. package/dist/components/CheckboxInput/checkbox-input.test.js +0 -194
  43. package/dist/components/CollapseCard/expand-button.test.d.ts +0 -2
  44. package/dist/components/CollapseCard/expand-button.test.d.ts.map +0 -1
  45. package/dist/components/CollapseCard/expand-button.test.js +0 -196
  46. package/dist/components/ColorPicker/colorpicker.test.d.ts +0 -2
  47. package/dist/components/ColorPicker/colorpicker.test.d.ts.map +0 -1
  48. package/dist/components/ColorPicker/colorpicker.test.js +0 -74
  49. package/dist/components/DateInput/dateInput.test.d.ts +0 -2
  50. package/dist/components/DateInput/dateInput.test.d.ts.map +0 -1
  51. package/dist/components/DateInput/dateInput.test.js +0 -52
  52. package/dist/components/DatePicker/datepicker.test.d.ts +0 -2
  53. package/dist/components/DatePicker/datepicker.test.d.ts.map +0 -1
  54. package/dist/components/DatePicker/datepicker.test.js +0 -138
  55. package/dist/components/Dialog/dialog.test.d.ts +0 -2
  56. package/dist/components/Dialog/dialog.test.d.ts.map +0 -1
  57. package/dist/components/Dialog/dialog.test.js +0 -81
  58. package/dist/components/Dropzone/dropzone.test.d.ts +0 -2
  59. package/dist/components/Dropzone/dropzone.test.d.ts.map +0 -1
  60. package/dist/components/Dropzone/dropzone.test.js +0 -79
  61. package/dist/components/Flex/flex.test.d.ts +0 -2
  62. package/dist/components/Flex/flex.test.d.ts.map +0 -1
  63. package/dist/components/Flex/flex.test.js +0 -355
  64. package/dist/components/Grid/grid.test.d.ts +0 -2
  65. package/dist/components/Grid/grid.test.d.ts.map +0 -1
  66. package/dist/components/Grid/grid.test.js +0 -140
  67. package/dist/components/Icon/icon.test.d.ts +0 -2
  68. package/dist/components/Icon/icon.test.d.ts.map +0 -1
  69. package/dist/components/Icon/icon.test.js +0 -70
  70. package/dist/components/IconItem/IconItem.test.d.ts +0 -2
  71. package/dist/components/IconItem/IconItem.test.d.ts.map +0 -1
  72. package/dist/components/IconItem/IconItem.test.js +0 -68
  73. package/dist/components/Illustration/illustration.test.d.ts +0 -2
  74. package/dist/components/Illustration/illustration.test.d.ts.map +0 -1
  75. package/dist/components/Illustration/illustration.test.js +0 -61
  76. package/dist/components/ImageItem/input.test.d.ts +0 -2
  77. package/dist/components/ImageItem/input.test.d.ts.map +0 -1
  78. package/dist/components/ImageItem/input.test.js +0 -101
  79. package/dist/components/Input/input.test.d.ts +0 -2
  80. package/dist/components/Input/input.test.d.ts.map +0 -1
  81. package/dist/components/Input/input.test.js +0 -144
  82. package/dist/components/Label/label.test.d.ts +0 -2
  83. package/dist/components/Label/label.test.d.ts.map +0 -1
  84. package/dist/components/Label/label.test.js +0 -105
  85. package/dist/components/List/list.test.d.ts +0 -2
  86. package/dist/components/List/list.test.d.ts.map +0 -1
  87. package/dist/components/List/list.test.js +0 -71
  88. package/dist/components/Modal/modal.test.d.ts +0 -2
  89. package/dist/components/Modal/modal.test.d.ts.map +0 -1
  90. package/dist/components/Modal/modal.test.js +0 -197
  91. package/dist/components/MultipleSelect/MultipleSelect.test.d.ts +0 -2
  92. package/dist/components/MultipleSelect/MultipleSelect.test.d.ts.map +0 -1
  93. package/dist/components/MultipleSelect/MultipleSelect.test.js +0 -447
  94. package/dist/components/Pagination/pagination.test.d.ts +0 -2
  95. package/dist/components/Pagination/pagination.test.d.ts.map +0 -1
  96. package/dist/components/Pagination/pagination.test.js +0 -152
  97. package/dist/components/Progress/progress.test.d.ts +0 -2
  98. package/dist/components/Progress/progress.test.d.ts.map +0 -1
  99. package/dist/components/Progress/progress.test.js +0 -126
  100. package/dist/components/RadioInput/radio-input.test.d.ts +0 -2
  101. package/dist/components/RadioInput/radio-input.test.d.ts.map +0 -1
  102. package/dist/components/RadioInput/radio-input.test.js +0 -208
  103. package/dist/components/Rating/rating.test.d.ts +0 -2
  104. package/dist/components/Rating/rating.test.d.ts.map +0 -1
  105. package/dist/components/Rating/rating.test.js +0 -79
  106. package/dist/components/ReactPortal/reactPortal.test.d.ts +0 -2
  107. package/dist/components/ReactPortal/reactPortal.test.d.ts.map +0 -1
  108. package/dist/components/ReactPortal/reactPortal.test.js +0 -26
  109. package/dist/components/Select/select.test.d.ts +0 -2
  110. package/dist/components/Select/select.test.d.ts.map +0 -1
  111. package/dist/components/Select/select.test.js +0 -67
  112. package/dist/components/Skeleton/skeleton.test.d.ts +0 -2
  113. package/dist/components/Skeleton/skeleton.test.d.ts.map +0 -1
  114. package/dist/components/Skeleton/skeleton.test.js +0 -106
  115. package/dist/components/Slider/slider.test.d.ts +0 -2
  116. package/dist/components/Slider/slider.test.d.ts.map +0 -1
  117. package/dist/components/Slider/slider.test.js +0 -134
  118. package/dist/components/Spinner/spinner.test.d.ts +0 -2
  119. package/dist/components/Spinner/spinner.test.d.ts.map +0 -1
  120. package/dist/components/Spinner/spinner.test.js +0 -55
  121. package/dist/components/Steps/steps.test.d.ts +0 -2
  122. package/dist/components/Steps/steps.test.d.ts.map +0 -1
  123. package/dist/components/Steps/steps.test.js +0 -63
  124. package/dist/components/Switch/switch.test.d.ts +0 -2
  125. package/dist/components/Switch/switch.test.d.ts.map +0 -1
  126. package/dist/components/Switch/switch.test.js +0 -253
  127. package/dist/components/Table/table.test.d.ts +0 -2
  128. package/dist/components/Table/table.test.d.ts.map +0 -1
  129. package/dist/components/Table/table.test.js +0 -130
  130. package/dist/components/Tabs/tabs.test.d.ts +0 -2
  131. package/dist/components/Tabs/tabs.test.d.ts.map +0 -1
  132. package/dist/components/Tabs/tabs.test.js +0 -159
  133. package/dist/components/Tag/tag.test.d.ts +0 -2
  134. package/dist/components/Tag/tag.test.d.ts.map +0 -1
  135. package/dist/components/Tag/tag.test.js +0 -78
  136. package/dist/components/TextAreaInput/text-area-input.test.d.ts +0 -2
  137. package/dist/components/TextAreaInput/text-area-input.test.d.ts.map +0 -1
  138. package/dist/components/TextAreaInput/text-area-input.test.js +0 -96
  139. package/dist/components/Thumbnail/thumbnail.test.d.ts +0 -2
  140. package/dist/components/Thumbnail/thumbnail.test.d.ts.map +0 -1
  141. package/dist/components/Thumbnail/thumbnail.test.js +0 -82
  142. package/dist/components/Timeline/timeline.test.d.ts +0 -2
  143. package/dist/components/Timeline/timeline.test.d.ts.map +0 -1
  144. package/dist/components/Timeline/timeline.test.js +0 -152
  145. package/dist/components/Toast/toast.test.d.ts +0 -2
  146. package/dist/components/Toast/toast.test.d.ts.map +0 -1
  147. package/dist/components/Toast/toast.test.js +0 -139
  148. package/dist/components/Typography/typography.test.d.ts +0 -2
  149. package/dist/components/Typography/typography.test.d.ts.map +0 -1
  150. package/dist/components/Typography/typography.test.js +0 -325
  151. package/dist/shared/theme/theme.test.d.ts +0 -2
  152. package/dist/shared/theme/theme.test.d.ts.map +0 -1
  153. package/dist/shared/theme/theme.test.js +0 -115
@@ -1,325 +0,0 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
-
5
- require("@testing-library/jest-dom");
6
-
7
- var _ = _interopRequireDefault(require("."));
8
-
9
- var _jsxRuntime = require("react/jsx-runtime");
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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)(_.default, _objectSpread({}, props)));
21
- return _objectSpread({}, utils);
22
- };
23
-
24
- describe('Typography', function () {
25
- var sentence = 'Pedido Pago';
26
- it('should render the default text', function () {
27
- var _setup = setup({
28
- children: sentence
29
- }),
30
- getByText = _setup.getByText;
31
-
32
- expect(getByText(sentence)).toHaveTextContent(sentence);
33
- });
34
- it('should render the default text with a custom className', function () {
35
- var _setup2 = setup({
36
- children: sentence,
37
- className: 'custom-class'
38
- }),
39
- getByText = _setup2.getByText;
40
-
41
- expect(getByText(sentence)).toHaveClass('custom-class');
42
- });
43
- it('should render the default text with a custom className and custom styles', function () {
44
- var _setup3 = setup({
45
- children: sentence,
46
- className: 'custom-class',
47
- style: {
48
- color: 'red'
49
- }
50
- }),
51
- getByText = _setup3.getByText;
52
-
53
- expect(getByText(sentence)).toHaveClass('custom-class');
54
- expect(getByText(sentence)).toHaveStyle('color: red');
55
- });
56
- it('should render the default text with a custom className, custom styles and custom props', function () {
57
- var _setup4 = setup({
58
- children: sentence,
59
- className: 'custom-class',
60
- style: {
61
- color: 'red'
62
- },
63
- id: 'custom-id'
64
- }),
65
- getByText = _setup4.getByText;
66
-
67
- expect(getByText(sentence)).toHaveClass('custom-class');
68
- expect(getByText(sentence)).toHaveStyle('color: red');
69
- expect(getByText(sentence)).toHaveAttribute('id', 'custom-id');
70
- });
71
- it('should render xxxs text', function () {
72
- var _setup5 = setup({
73
- children: sentence,
74
- fontSize: 'xxxs'
75
- }),
76
- container = _setup5.container;
77
-
78
- expect(container).toHaveTextContent(sentence);
79
- expect(container).toBeInTheDocument();
80
- });
81
- it('should render xxs text', function () {
82
- var _setup6 = setup({
83
- children: sentence,
84
- fontSize: 'xxs'
85
- }),
86
- container = _setup6.container;
87
-
88
- expect(container).toHaveTextContent(sentence);
89
- expect(container).toBeInTheDocument();
90
- });
91
- it('should render xs text', function () {
92
- var _setup7 = setup({
93
- children: sentence,
94
- fontSize: 'xs'
95
- }),
96
- container = _setup7.container;
97
-
98
- expect(container).toHaveTextContent(sentence);
99
- expect(container).toBeInTheDocument();
100
- });
101
- it('should render sm text', function () {
102
- var _setup8 = setup({
103
- children: sentence,
104
- fontSize: 'sm'
105
- }),
106
- container = _setup8.container;
107
-
108
- expect(container).toHaveTextContent(sentence);
109
- expect(container).toBeInTheDocument();
110
- });
111
- it('should render md text', function () {
112
- var _setup9 = setup({
113
- children: sentence,
114
- fontSize: 'md'
115
- }),
116
- container = _setup9.container;
117
-
118
- expect(container).toHaveTextContent(sentence);
119
- expect(container).toBeInTheDocument();
120
- });
121
- it('should render lg text', function () {
122
- var _setup10 = setup({
123
- children: sentence,
124
- fontSize: 'lg'
125
- }),
126
- container = _setup10.container;
127
-
128
- expect(container).toHaveTextContent(sentence);
129
- expect(container).toBeInTheDocument();
130
- });
131
- it('should render xl text', function () {
132
- var _setup11 = setup({
133
- children: sentence,
134
- fontSize: 'xl'
135
- }),
136
- container = _setup11.container;
137
-
138
- expect(container).toHaveTextContent(sentence);
139
- expect(container).toBeInTheDocument();
140
- });
141
- it('should render xxl text', function () {
142
- var _setup12 = setup({
143
- children: sentence,
144
- fontSize: 'xxl'
145
- }),
146
- container = _setup12.container;
147
-
148
- expect(container).toHaveTextContent(sentence);
149
- expect(container).toBeInTheDocument();
150
- });
151
- it('should render xxxl text', function () {
152
- var _setup13 = setup({
153
- children: sentence,
154
- fontSize: 'xxxl'
155
- }),
156
- container = _setup13.container;
157
-
158
- expect(container).toHaveTextContent(sentence);
159
- expect(container).toBeInTheDocument();
160
- });
161
- it('should render display text', function () {
162
- var _setup14 = setup({
163
- children: sentence,
164
- fontSize: 'display'
165
- }),
166
- container = _setup14.container;
167
-
168
- expect(container).toHaveTextContent(sentence);
169
- expect(container).toBeInTheDocument();
170
- });
171
- it('should render giant text', function () {
172
- var _setup15 = setup({
173
- children: sentence,
174
- fontSize: 'giant'
175
- }),
176
- container = _setup15.container;
177
-
178
- expect(container).toHaveTextContent(sentence);
179
- expect(container).toBeInTheDocument();
180
- });
181
- it('should render the default text with normal weight', function () {
182
- var _setup16 = setup({
183
- children: sentence,
184
- fontWeight: 'normal'
185
- }),
186
- getByText = _setup16.getByText;
187
-
188
- expect(getByText(sentence)).toHaveStyle('font-weight: normal');
189
- });
190
- it('should render the default text with bold weight', function () {
191
- var _setup17 = setup({
192
- children: sentence,
193
- fontWeight: 'bold'
194
- }),
195
- getByText = _setup17.getByText;
196
-
197
- expect(getByText(sentence)).toHaveStyle('font-weight: bold');
198
- });
199
- it('should render the default text with light weight', function () {
200
- var _setup18 = setup({
201
- children: sentence,
202
- fontWeight: '100'
203
- }),
204
- getByText = _setup18.getByText;
205
-
206
- expect(getByText(sentence)).toHaveStyle('font-weight: 100');
207
- });
208
- it('should render the default text with 200 weight', function () {
209
- var _setup19 = setup({
210
- children: sentence,
211
- fontWeight: '200'
212
- }),
213
- getByText = _setup19.getByText;
214
-
215
- expect(getByText(sentence)).toHaveStyle('font-weight: 200');
216
- });
217
- it('should render the default text with 300 weight', function () {
218
- var _setup20 = setup({
219
- children: sentence,
220
- fontWeight: '300'
221
- }),
222
- getByText = _setup20.getByText;
223
-
224
- expect(getByText(sentence)).toHaveStyle('font-weight: 300');
225
- });
226
- it('should render the default text with 400 weight', function () {
227
- var _setup21 = setup({
228
- children: sentence,
229
- fontWeight: '400'
230
- }),
231
- getByText = _setup21.getByText;
232
-
233
- expect(getByText(sentence)).toHaveStyle('font-weight: 400');
234
- });
235
- it('should render the default text with 500 weight', function () {
236
- var _setup22 = setup({
237
- children: sentence,
238
- fontWeight: '500'
239
- }),
240
- getByText = _setup22.getByText;
241
-
242
- expect(getByText(sentence)).toHaveStyle('font-weight: 500');
243
- });
244
- it('should render the default text with 600 weight', function () {
245
- var _setup23 = setup({
246
- children: sentence,
247
- fontWeight: '600'
248
- }),
249
- getByText = _setup23.getByText;
250
-
251
- expect(getByText(sentence)).toHaveStyle('font-weight: 600');
252
- });
253
- it('should render the default text with 700 weight', function () {
254
- var _setup24 = setup({
255
- children: sentence,
256
- fontWeight: '700'
257
- }),
258
- getByText = _setup24.getByText;
259
-
260
- expect(getByText(sentence)).toHaveStyle('font-weight: 700');
261
- });
262
- it('should render the default text with 800 weight', function () {
263
- var _setup25 = setup({
264
- children: sentence,
265
- fontWeight: '800'
266
- }),
267
- getByText = _setup25.getByText;
268
-
269
- expect(getByText(sentence)).toHaveStyle('font-weight: 800');
270
- });
271
- it('should render the default text with 900 weight', function () {
272
- var _setup26 = setup({
273
- children: sentence,
274
- fontWeight: '900'
275
- }),
276
- getByText = _setup26.getByText;
277
-
278
- expect(getByText(sentence)).toHaveStyle('font-weight: 900');
279
- });
280
- it('should render the default text with italic style', function () {
281
- var _setup27 = setup({
282
- children: sentence,
283
- fontStyle: 'italic'
284
- }),
285
- getByText = _setup27.getByText;
286
-
287
- expect(getByText(sentence)).toHaveStyle('font-style: italic');
288
- });
289
- it('should render the default text with normal style', function () {
290
- var _setup28 = setup({
291
- children: sentence,
292
- fontStyle: 'normal'
293
- }),
294
- getByText = _setup28.getByText;
295
-
296
- expect(getByText(sentence)).toHaveStyle('font-style: normal');
297
- });
298
- it('should render the default text with oblique style', function () {
299
- var _setup29 = setup({
300
- children: sentence,
301
- fontStyle: 'oblique'
302
- }),
303
- getByText = _setup29.getByText;
304
-
305
- expect(getByText(sentence)).toHaveStyle('font-style: oblique');
306
- });
307
- it('should render the default text with underline style', function () {
308
- var _setup30 = setup({
309
- children: sentence,
310
- textDecoration: 'underline'
311
- }),
312
- getByText = _setup30.getByText;
313
-
314
- expect(getByText(sentence)).toHaveStyle('text-decoration: underline');
315
- });
316
- it('should render the default text with line-through style', function () {
317
- var _setup31 = setup({
318
- children: sentence,
319
- textDecoration: 'line-through'
320
- }),
321
- getByText = _setup31.getByText;
322
-
323
- expect(getByText(sentence)).toHaveStyle('text-decoration: line-through');
324
- });
325
- });
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=theme.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.test.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
@@ -1,115 +0,0 @@
1
- "use strict";
2
-
3
- var _react = require("@testing-library/react");
4
-
5
- require("@testing-library/jest-dom");
6
-
7
- var _ = require(".");
8
-
9
- var _jsxRuntime = require("react/jsx-runtime");
10
-
11
- 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); } }
12
-
13
- 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); }); }; }
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, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PPUIThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
23
- children: props.children
24
- })));
25
- return utils;
26
- };
27
-
28
- describe('Theme', function () {
29
- it('should extend the default theme and pass it to pp provider', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
30
- var newTheme, TestComponent, utils;
31
- return regeneratorRuntime.wrap(function _callee$(_context) {
32
- while (1) {
33
- switch (_context.prev = _context.next) {
34
- case 0:
35
- newTheme = (0, _.extendTheme)({
36
- colors: {
37
- primary: '#ff0000'
38
- }
39
- });
40
-
41
- TestComponent = function TestComponent() {
42
- var _useTheme = (0, _.useTheme)(),
43
- theme = _useTheme.theme;
44
-
45
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
46
- children: theme.colors.primary
47
- });
48
- };
49
-
50
- utils = setup({
51
- theme: newTheme,
52
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
53
- });
54
- _context.t0 = expect;
55
- _context.next = 6;
56
- return utils.findByText('#ff0000');
57
-
58
- case 6:
59
- _context.t1 = _context.sent;
60
- (0, _context.t0)(_context.t1).toBeInTheDocument();
61
-
62
- case 8:
63
- case "end":
64
- return _context.stop();
65
- }
66
- }
67
- }, _callee);
68
- })));
69
- it('should to apply the dark mode for child components and switch that to light mode', function () {
70
- var ChildComponent = function ChildComponent() {
71
- var _useColorMode = (0, _.useColorMode)(),
72
- colorMode = _useColorMode.colorMode,
73
- switchColorMode = _useColorMode.switchColorMode;
74
-
75
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
76
- "data-testid": "button-child",
77
- onClick: switchColorMode,
78
- children: colorMode === 'light' ? 'Light mode' : 'Dark mode'
79
- });
80
- };
81
-
82
- var utils = setup({
83
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
84
- });
85
- expect(utils.getByTestId('button-child')).toHaveTextContent('Light mode');
86
-
87
- _react.fireEvent.click(utils.getByTestId('button-child'));
88
-
89
- expect(utils.getByTestId('button-child')).toHaveTextContent('Dark mode');
90
-
91
- _react.fireEvent.click(utils.getByTestId('button-child'));
92
- });
93
- it('should to switch between two colors according to color mode', function () {
94
- var ChildComponent = function ChildComponent() {
95
- var _useColorMode2 = (0, _.useColorMode)(),
96
- switchColorMode = _useColorMode2.switchColorMode;
97
-
98
- var color = (0, _.useColorModeValue)('#ff0000', '#0000ff');
99
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
100
- "data-testid": "button-child",
101
- onClick: switchColorMode,
102
- children: color
103
- });
104
- };
105
-
106
- var utils = setup({
107
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
108
- });
109
- expect(utils.getByTestId('button-child')).toHaveTextContent('#ff0000');
110
-
111
- _react.fireEvent.click(utils.getByTestId('button-child'));
112
-
113
- expect(utils.getByTestId('button-child')).toHaveTextContent('#0000ff');
114
- });
115
- });