linear-react-components-ui 1.0.10-rc.2 → 1.0.10-rc.4

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 (87) hide show
  1. package/.vscode/settings.json +1 -1
  2. package/lib/alerts/AlertContainer.js +41 -69
  3. package/lib/alerts/AlertProvider.js +7 -2
  4. package/lib/avatar/index.js +7 -3
  5. package/lib/buttons/DefaultButton.js +6 -1
  6. package/lib/buttons/button_container/index.js +7 -2
  7. package/lib/dialog/form/index.js +7 -2
  8. package/lib/drawer/Drawer.js +7 -2
  9. package/lib/fieldset/index.js +6 -2
  10. package/lib/form/Field.d.ts +1 -1
  11. package/lib/form/Field.js +3 -2
  12. package/lib/form/index.js +6 -4
  13. package/lib/form/types.d.ts +3 -0
  14. package/lib/inputs/base/InputTextBase.js +8 -3
  15. package/lib/inputs/mask/BaseMask.js +10 -4
  16. package/lib/inputs/mask/helpers.js +7 -2
  17. package/lib/inputs/multiSelect/Dropdown.js +6 -2
  18. package/lib/inputs/multiSelect/index.js +6 -1
  19. package/lib/inputs/number/BaseNumber.js +8 -2
  20. package/lib/inputs/number/format_number.js +1 -6
  21. package/lib/inputs/period/index.js +6 -2
  22. package/lib/inputs/search/index.js +7 -2
  23. package/lib/inputs/select/Dropdown.js +7 -3
  24. package/lib/inputs/textarea/index.js +1 -1
  25. package/lib/progress/index.js +7 -2
  26. package/lib/radio/index.d.ts +1 -1
  27. package/lib/radio/index.js +9 -2
  28. package/lib/radio/types.d.ts +2 -1
  29. package/lib/skeleton/index.js +7 -2
  30. package/lib/split/Split.js +21 -17
  31. package/lib/table/Body.js +9 -12
  32. package/lib/table/Header.js +19 -16
  33. package/lib/table/Row.js +7 -3
  34. package/lib/table/RowColumn.js +7 -3
  35. package/lib/table/index.js +7 -2
  36. package/lib/table/types.d.ts +2 -0
  37. package/lib/toolbar/ButtonBar.js +6 -2
  38. package/lib/toolbar/LabelBar.js +7 -3
  39. package/lib/toolbar/index.js +7 -2
  40. package/lib/treetable/Row.js +10 -5
  41. package/lib/treetable/index.js +7 -1
  42. package/lib/treeview/Node.js +7 -3
  43. package/lib/treeview/index.js +6 -2
  44. package/lib/treeview_old/Node.js +8 -12
  45. package/lib/uitour/index.js +9 -5
  46. package/package.json +65 -65
  47. package/lib/alerts/alert.spec.js +0 -133
  48. package/lib/avatar/avatar.spec.js +0 -190
  49. package/lib/badge/badge.spec.js +0 -127
  50. package/lib/buttons/SpinnerLoading.js +0 -230
  51. package/lib/buttons/buttons.spec.js +0 -504
  52. package/lib/calendar/calendar.spec.js +0 -171
  53. package/lib/checkbox/checkbox.spec.js +0 -215
  54. package/lib/dialog/dialog.spec.js +0 -488
  55. package/lib/drawer/Drawer.spec.js +0 -258
  56. package/lib/dropdown/dropdown.spec.js +0 -169
  57. package/lib/fieldset/fieldset.spec.js +0 -329
  58. package/lib/form/form.spec.js +0 -293
  59. package/lib/gridlayout/gridLayout.spec.js +0 -169
  60. package/lib/icons/icons.spec.js +0 -86
  61. package/lib/inputs/base/base.spec.js +0 -690
  62. package/lib/inputs/base/index.js +0 -1
  63. package/lib/inputs/color/color_input.spec.js +0 -174
  64. package/lib/inputs/date/date.spec.js +0 -354
  65. package/lib/inputs/mask/input_mask.spec.js +0 -607
  66. package/lib/inputs/number/numberfield.spec.js +0 -215
  67. package/lib/inputs/search/search_input.spec.js +0 -209
  68. package/lib/inputs/select/select.spec.js +0 -395
  69. package/lib/inputs/text/textfield.spec.js +0 -215
  70. package/lib/inputs/textarea/textarea.spec.js +0 -59
  71. package/lib/labelMessages/labelMessages.spec.js +0 -176
  72. package/lib/labels/label.spec.js +0 -162
  73. package/lib/list/list.spec.js +0 -769
  74. package/lib/menus/float/float-menu.spec.js +0 -221
  75. package/lib/menus/sidenav/sidenav.spec.js +0 -379
  76. package/lib/panel/panel.spec.js +0 -216
  77. package/lib/popover/popover.spec.js +0 -146
  78. package/lib/progress/progress.spec.js +0 -94
  79. package/lib/radio/radio.spec.js +0 -189
  80. package/lib/spinner/spinner.spec.js +0 -152
  81. package/lib/split/split.spec.js +0 -163
  82. package/lib/table/table.spec.js +0 -352
  83. package/lib/tabs/tabs.spec.js +0 -321
  84. package/lib/toolbar/toolbar.spec.js +0 -394
  85. package/lib/tooltip/tooltip.spec.js +0 -215
  86. package/lib/treeview/treeview.spec.js +0 -279
  87. package/lib/uitour/uitour.spec.js +0 -176
@@ -1,395 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@testing-library/react");
8
-
9
- var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
10
-
11
- var _simple = _interopRequireDefault(require("./simple"));
12
-
13
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
-
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
-
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
-
19
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
-
21
- var SelectFieldTest = function SelectFieldTest(props) {
22
- var dataArray = function dataArray() {
23
- return [{
24
- id: 9000,
25
- name: 'C#',
26
- iconName: 'user_group'
27
- }, {
28
- id: 14,
29
- name: 'Java',
30
- iconName: 'folder_close'
31
- }, {
32
- id: 3,
33
- name: 'Erlang',
34
- iconName: 'calendar'
35
- }, {
36
- id: 13,
37
- name: 'Pascal',
38
- iconName: 'config'
39
- }];
40
- };
41
-
42
- return /*#__PURE__*/_react.default.createElement(_simple.default, _extends({}, props, {
43
- dataSource: dataArray(),
44
- idKey: "id",
45
- descriptionKey: "name",
46
- id: "testId",
47
- value: 14,
48
- label: "testLabel",
49
- placeHolder: "testPlaceHolder",
50
- maxLength: 5,
51
- multiple: true,
52
- hint: "testHint",
53
- errorMessages: ['error1, error2'],
54
- textAlign: "left",
55
- dropdownMaxHeight: 100,
56
- name: "test"
57
- }));
58
- };
59
-
60
- describe('Select', function () {
61
- describe('Permission', function () {
62
- var defineStorage = function defineStorage() {
63
- Object.defineProperty(window, 'sessionStorage', {
64
- value: (0, _storageMock.default)()
65
- });
66
- };
67
-
68
- it('should check permission', function () {
69
- defineStorage();
70
-
71
- var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
72
- idKey: "id",
73
- descriptionKey: "name",
74
- permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
75
- })),
76
- container = _render.container;
77
-
78
- expect(container.firstChild).not.toHaveClass('-disabled');
79
- expect(container.firstChild).toBeTruthy();
80
- });
81
- it('should check permission, be unavaible and onDenied is disabled', function () {
82
- defineStorage();
83
- var mockOnClick = jest.fn();
84
-
85
- var mockButton = /*#__PURE__*/_react.default.createElement(_simple.default, {
86
- idKey: "id",
87
- descriptionKey: "name",
88
- onClick: mockOnClick,
89
- permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled')
90
- });
91
-
92
- var _render2 = (0, _react2.render)(mockButton),
93
- container = _render2.container;
94
-
95
- _react2.fireEvent.click(container.querySelector('input'));
96
-
97
- expect(container.querySelector('input')).toBeDisabled();
98
- expect(mockOnClick).toBeCalledTimes(0);
99
- });
100
- it('should check permission, be unavaible and onDenied is unvisible', function () {
101
- defineStorage();
102
-
103
- var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
104
- idKey: "id",
105
- descriptionKey: "name",
106
- permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
107
- })),
108
- container = _render3.container;
109
-
110
- expect(container.querySelector('input')).not.toBeTruthy();
111
- });
112
- });
113
- describe('Default', function () {
114
- it('should render without errors', function () {
115
- var _render4 = (0, _react2.render)(SelectFieldTest()),
116
- container = _render4.container;
117
-
118
- expect(container.firstChild).toBeTruthy();
119
- });
120
- it('should idKey', function () {
121
- var _render5 = (0, _react2.render)(SelectFieldTest()),
122
- container = _render5.container;
123
-
124
- expect(container.querySelector('input').id).toBe('testId');
125
- });
126
- it('should value', function () {
127
- var _render6 = (0, _react2.render)(SelectFieldTest()),
128
- container = _render6.container;
129
-
130
- expect(container.querySelector('input').value).toBe('Java');
131
- });
132
- it('should multiple', function () {
133
- var _render7 = (0, _react2.render)(SelectFieldTest()),
134
- container = _render7.container,
135
- getByTestId = _render7.getByTestId;
136
-
137
- var inputContent = container.querySelector('input');
138
-
139
- _react2.fireEvent.change(inputContent, {
140
- target: {
141
- value: [14, 13, 3]
142
- }
143
- });
144
-
145
- expect(getByTestId('testInputContent')).toHaveClass('multiselect');
146
- expect(getByTestId('testInputContent').querySelectorAll('.item').length >= 1);
147
- });
148
- it('should hint', function () {
149
- var _render8 = (0, _react2.render)(SelectFieldTest()),
150
- container = _render8.container;
151
-
152
- expect(container.querySelector('p')).toHaveTextContent('testHint');
153
- });
154
- it('should undigitable', function () {
155
- var _render9 = (0, _react2.render)(SelectFieldTest({
156
- undigitable: true
157
- })),
158
- getByTestId = _render9.getByTestId;
159
-
160
- expect(getByTestId('testInputWrapper')).toHaveClass('-undigitable');
161
- });
162
- it('should label text match with prop label', function () {
163
- var _render10 = (0, _react2.render)(SelectFieldTest()),
164
- container = _render10.container;
165
-
166
- expect(container.querySelector('.select-component')).toHaveTextContent('testLabel');
167
- });
168
- it('should readOnly', function () {
169
- var _render11 = (0, _react2.render)(SelectFieldTest({
170
- readOnly: true
171
- })),
172
- container = _render11.container;
173
-
174
- expect(container.querySelector('input').readOnly).toEqual(true);
175
- });
176
- it('should apply placeHolder', function () {
177
- var _render12 = (0, _react2.render)(SelectFieldTest()),
178
- container = _render12.container;
179
-
180
- expect(container.querySelector('input').placeholder).toBe('testPlaceHolder');
181
- });
182
- it('should maxLength', function () {
183
- var _render13 = (0, _react2.render)(SelectFieldTest()),
184
- container = _render13.container;
185
-
186
- expect(container.querySelector('input').maxLength).toBe(5);
187
- });
188
- it('should name', function () {
189
- var _render14 = (0, _react2.render)(SelectFieldTest()),
190
- container = _render14.container;
191
-
192
- expect(container.querySelector('input').name).toBe('test');
193
- });
194
- it('should textAlign', function () {
195
- var _render15 = (0, _react2.render)(SelectFieldTest()),
196
- container = _render15.container;
197
-
198
- expect(container.querySelector('input')).toHaveClass('text-align-left');
199
- });
200
- it('should rounded', function () {
201
- var _render16 = (0, _react2.render)(SelectFieldTest({
202
- rounded: true
203
- })),
204
- getByTestId = _render16.getByTestId;
205
-
206
- expect(getByTestId('testInputWrapper')).toHaveClass('-roundedborders');
207
- });
208
- it('should id', function () {
209
- var _render17 = (0, _react2.render)(SelectFieldTest()),
210
- container = _render17.container;
211
-
212
- expect(container.querySelector('input').id).toBe('testId');
213
- });
214
- it('should required', function () {
215
- var _render18 = (0, _react2.render)(SelectFieldTest({
216
- required: true
217
- })),
218
- container = _render18.container;
219
-
220
- expect(container.querySelector('.labelcontainer span span')).toHaveClass('-requiredlabel');
221
- });
222
- it('should errorMessages', function () {
223
- var _render19 = (0, _react2.render)(SelectFieldTest()),
224
- getByTestId = _render19.getByTestId;
225
-
226
- expect(getByTestId('testInputWrapper')).toHaveClass('-requirederror');
227
- });
228
- it('should searchOnDropdown', function () {
229
- var _render20 = (0, _react2.render)(SelectFieldTest({
230
- searchOnDropdown: true
231
- })),
232
- getByTestId = _render20.getByTestId;
233
-
234
- expect(getByTestId('testInputWrapper')).toHaveClass('-undigitable');
235
- });
236
- it('should gridLayout', function () {
237
- var _render21 = (0, _react2.render)(SelectFieldTest({
238
- gridLayout: '6 6 6 6'
239
- })),
240
- container = _render21.container;
241
-
242
- expect(container.querySelector('div')).toHaveClass('grid-container col-xs-6 col-sm-6 col-md-6 col-lg-6');
243
- });
244
- it('should showClearButton', function () {
245
- var _render22 = (0, _react2.render)(SelectFieldTest({
246
- showClearButton: true
247
- })),
248
- container = _render22.container;
249
-
250
- expect(container.querySelector('svg')).toHaveClass('icon-component iconclear');
251
- });
252
- it('should autoFocus', function () {
253
- var _render23 = (0, _react2.render)(SelectFieldTest({
254
- autoFocus: true
255
- })),
256
- container = _render23.container;
257
-
258
- expect(container.querySelector('input').focus).toBeTruthy();
259
- });
260
- it('should apply disabled', function () {
261
- var _render24 = (0, _react2.render)(SelectFieldTest({
262
- disabled: true
263
- })),
264
- container = _render24.container;
265
-
266
- expect(container.querySelector('input')).toBeDisabled();
267
- });
268
- it('should apply onChange', function () {
269
- var onChange = jest.fn();
270
-
271
- var _render25 = (0, _react2.render)(SelectFieldTest({
272
- onChange: onChange
273
- })),
274
- container = _render25.container;
275
-
276
- var inputContent = container.querySelector('input');
277
-
278
- _react2.fireEvent.change(inputContent, {
279
- target: {
280
- value: 14
281
- }
282
- });
283
-
284
- expect(onChange).toBeCalled();
285
- });
286
- it('should apply onBlur', function () {
287
- var onBlur = jest.fn();
288
-
289
- var _render26 = (0, _react2.render)(SelectFieldTest({
290
- onBlur: onBlur
291
- })),
292
- container = _render26.container;
293
-
294
- var inputContent = container.querySelector('input');
295
-
296
- _react2.fireEvent.blur(inputContent);
297
-
298
- expect(onBlur).toBeCalled();
299
- });
300
- it('should remoteSearch', function () {
301
- var MockOnSearch = jest.fn();
302
-
303
- var _render27 = (0, _react2.render)(SelectFieldTest({
304
- remoteSearch: true,
305
- onSearch: MockOnSearch
306
- })),
307
- container = _render27.container;
308
-
309
- var inputContent = container.querySelector('input');
310
-
311
- _react2.fireEvent.change(inputContent, {
312
- target: {
313
- value: 'test'
314
- }
315
- });
316
-
317
- expect(MockOnSearch).toHaveBeenCalled();
318
- });
319
- it('should apply onSearch', function () {
320
- var onSearch = jest.fn();
321
-
322
- var _render28 = (0, _react2.render)(SelectFieldTest({
323
- remoteSearch: true,
324
- onSearch: onSearch
325
- })),
326
- container = _render28.container;
327
-
328
- var inputContent = container.querySelector('input');
329
-
330
- _react2.fireEvent.change(inputContent, {
331
- target: {
332
- value: 'C#'
333
- }
334
- });
335
-
336
- expect(onSearch).toBeCalled();
337
- });
338
- it('should descriptionKey', function () {
339
- var _render29 = (0, _react2.render)(SelectFieldTest()),
340
- container = _render29.container;
341
-
342
- var inputContent = container.querySelector('input');
343
-
344
- _react2.fireEvent.change(inputContent, {
345
- target: {
346
- value: 'test'
347
- }
348
- });
349
-
350
- var dropdownItem = document.querySelectorAll('.select-dropdown .item')[0];
351
- expect(dropdownItem).toHaveTextContent('C#');
352
- });
353
- it('should selectFirstOnEnter', function () {
354
- var _render30 = (0, _react2.render)(SelectFieldTest({
355
- selectFirstOnEnter: true
356
- })),
357
- container = _render30.container;
358
-
359
- var inputContent = container.querySelector('input');
360
-
361
- _react2.fireEvent.change(inputContent, {
362
- target: {
363
- value: ''
364
- }
365
- });
366
-
367
- var dropdown = document.querySelector('.select-dropdown');
368
- expect(dropdown.firstChild).toHaveClass('-selected');
369
- });
370
- it('should openDropdownOnFocus', function () {
371
- var _render31 = (0, _react2.render)(SelectFieldTest({
372
- openDropdownOnFocus: false
373
- })),
374
- container = _render31.container;
375
-
376
- container.querySelector('input').focus();
377
- expect(container.querySelector('.dropdown')).not.toBeTruthy();
378
- });
379
- it('should dataSource', function () {
380
- var _render32 = (0, _react2.render)(SelectFieldTest()),
381
- container = _render32.container;
382
-
383
- var inputContent = container.querySelector('input');
384
-
385
- _react2.fireEvent.change(inputContent, {
386
- target: {
387
- value: 'test'
388
- }
389
- });
390
-
391
- var dropdown = document.querySelector('.select-dropdown');
392
- expect(dropdown.firstChild !== dropdown.lastChild);
393
- });
394
- });
395
- });
@@ -1,215 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@testing-library/react");
8
-
9
- require("@testing-library/jest-dom/extend-expect");
10
-
11
- var _index = _interopRequireDefault(require("./index"));
12
-
13
- var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
14
-
15
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
-
17
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
-
19
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
-
21
- describe('TextField', function () {
22
- var textField = function textField(fieldProps) {
23
- return /*#__PURE__*/_react.default.createElement(_index.default, fieldProps);
24
- };
25
-
26
- var setSessionStorageMock = function setSessionStorageMock() {
27
- Object.defineProperty(window, 'sessionStorage', {
28
- value: (0, _storageMock.default)()
29
- });
30
- };
31
-
32
- describe('prop value should', function () {
33
- it('be applied when is a numeric string', function () {
34
- var value = '1';
35
-
36
- var _render = (0, _react2.render)(textField({
37
- value: value
38
- })),
39
- container = _render.container;
40
-
41
- var inputHTML = container.querySelector('.textinput');
42
- expect(inputHTML.value).toBe(value);
43
- });
44
- it('not be applied when is not a numeric string', function () {
45
- var value = 'sus';
46
-
47
- var _render2 = (0, _react2.render)(textField({
48
- value: value
49
- })),
50
- container = _render2.container;
51
-
52
- var inputHTML = container.querySelector('.textinput');
53
- expect(inputHTML.value).toBe('sus');
54
- });
55
- });
56
- it('should apply textAlign', function () {
57
- var textAlign = 'left';
58
-
59
- var _render3 = (0, _react2.render)(textField({
60
- textAlign: textAlign
61
- })),
62
- container = _render3.container;
63
-
64
- var inputHTML = container.querySelector('.textinput');
65
- expect(inputHTML).toHaveClass("text-align-".concat(textAlign));
66
- });
67
- describe('prop permissionAttr', function () {
68
- describe('when permission granted', function () {
69
- it('should render subject', function () {
70
- setSessionStorageMock();
71
- var permissionAttr = (0, _storageMock.permissionAttrMockAuthorized)('unvisible');
72
-
73
- var _render4 = (0, _react2.render)(textField({
74
- permissionAttr: permissionAttr
75
- })),
76
- container = _render4.container;
77
-
78
- expect(container.querySelector('.input-base-component')).not.toBeNull();
79
- });
80
- });
81
- describe('when permission denied', function () {
82
- it('onDenied.unvisible option should not render subject', function () {
83
- setSessionStorageMock();
84
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('unvisible');
85
-
86
- var _render5 = (0, _react2.render)(textField({
87
- permissionAttr: permissionAttr
88
- })),
89
- container = _render5.container;
90
-
91
- expect(container.querySelector('.input-base-component')).toBeNull();
92
- });
93
- describe('onDenied.disabled option/disabled prop should', function () {
94
- it('disable subject', function () {
95
- setSessionStorageMock();
96
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
97
- var onChange = jest.fn();
98
-
99
- var _render6 = (0, _react2.render)(textField({
100
- permissionAttr: permissionAttr,
101
- onChange: onChange
102
- })),
103
- container = _render6.container;
104
-
105
- var inputHTML = container.querySelector('.textinput');
106
-
107
- _react2.fireEvent.change(inputHTML, {
108
- target: {
109
- value: 'sus'
110
- }
111
- });
112
-
113
- expect(inputHTML.disabled).toBeTruthy();
114
- expect(onChange).not.toBeCalled();
115
- });
116
- it('add -disabled css class', function () {
117
- setSessionStorageMock();
118
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
119
-
120
- var _render7 = (0, _react2.render)(textField({
121
- permissionAttr: permissionAttr
122
- })),
123
- container = _render7.container;
124
-
125
- var inputWrapper = container.querySelector('.inputwrapper');
126
- expect(inputWrapper).toHaveClass('-disabled');
127
- });
128
- });
129
- describe('onDenied.readOnly option/readOnly prop should', function () {
130
- it('apply readOnly attribute in input', function () {
131
- setSessionStorageMock();
132
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
133
-
134
- var _render8 = (0, _react2.render)(textField({
135
- permissionAttr: permissionAttr
136
- })),
137
- container = _render8.container;
138
-
139
- var inputHTML = container.querySelector('.textinput');
140
- expect(inputHTML.readOnly).toBeTruthy();
141
- });
142
- it('disable callbacks', function () {
143
- setSessionStorageMock();
144
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
145
- var onChange = jest.fn();
146
-
147
- var _render9 = (0, _react2.render)(textField({
148
- permissionAttr: permissionAttr,
149
- onChange: onChange
150
- })),
151
- container = _render9.container;
152
-
153
- var inputHTML = container.querySelector('.textinput');
154
-
155
- _react2.fireEvent.change(inputHTML, {
156
- target: {
157
- value: 'sus'
158
- }
159
- });
160
-
161
- expect(onChange).not.toBeCalled();
162
- });
163
- });
164
- describe('onDenied.hideContent should', function () {
165
- it('should set input value to blank', function () {
166
- setSessionStorageMock();
167
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
168
-
169
- var _render10 = (0, _react2.render)(textField({
170
- permissionAttr: permissionAttr,
171
- value: 'text'
172
- })),
173
- container = _render10.container;
174
-
175
- var inputHTML = container.querySelector('.textinput');
176
- expect(inputHTML.value).toBe('');
177
- });
178
- it('disable input', function () {
179
- setSessionStorageMock();
180
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
181
- var onChange = jest.fn();
182
-
183
- var _render11 = (0, _react2.render)(textField({
184
- permissionAttr: permissionAttr,
185
- onChange: onChange
186
- })),
187
- container = _render11.container;
188
-
189
- var inputHTML = container.querySelector('.textinput');
190
-
191
- _react2.fireEvent.change(inputHTML, {
192
- target: {
193
- value: 'sus'
194
- }
195
- });
196
-
197
- expect(onChange).not.toBeCalled();
198
- expect(inputHTML.disabled).toBeTruthy();
199
- });
200
- it('add -disabled css class', function () {
201
- setSessionStorageMock();
202
- var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
203
-
204
- var _render12 = (0, _react2.render)(textField({
205
- permissionAttr: permissionAttr
206
- })),
207
- container = _render12.container;
208
-
209
- var inputWrapper = container.querySelector('.inputwrapper');
210
- expect(inputWrapper).toHaveClass('-disabled');
211
- });
212
- });
213
- });
214
- });
215
- });
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _react2 = require("@testing-library/react");
6
-
7
- require("@testing-library/jest-dom/extend-expect");
8
-
9
- var _index = _interopRequireDefault(require("./index"));
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- describe('TextArea', function () {
14
- var textArea = function textArea(textAreaProps) {
15
- return /*#__PURE__*/_react.default.createElement(_index.default, textAreaProps);
16
- };
17
-
18
- it('should render correctly', function () {
19
- var _render = (0, _react2.render)(textArea()),
20
- container = _render.container;
21
-
22
- var textAreaHTML = container.querySelector('textarea.textinput');
23
- expect(container.firstChild).toHaveClass('textarea-container');
24
- expect(textAreaHTML).toBeInTheDocument();
25
- expect(textAreaHTML.type).toBe('textarea');
26
- });
27
- it('should apply customClass', function () {
28
- var customClass = 'teste-textarea';
29
-
30
- var _render2 = (0, _react2.render)(textArea({
31
- customClass: customClass
32
- })),
33
- container = _render2.container;
34
-
35
- expect(container.firstChild).toHaveClass(customClass);
36
- });
37
- it('should apply rows', function () {
38
- var rows = '12';
39
-
40
- var _render3 = (0, _react2.render)(textArea({
41
- rows: rows
42
- })),
43
- container = _render3.container;
44
-
45
- var textAreaHTML = container.querySelector('textarea.textinput');
46
- expect(textAreaHTML.rows).toBe(parseInt(rows, 10));
47
- });
48
- it('should apply cols', function () {
49
- var cols = '12';
50
-
51
- var _render4 = (0, _react2.render)(textArea({
52
- cols: cols
53
- })),
54
- container = _render4.container;
55
-
56
- var textAreaHTML = container.querySelector('textarea.textinput');
57
- expect(textAreaHTML.cols).toBe(parseInt(cols, 10));
58
- });
59
- });