linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28
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/.eslintrc.json +3 -76
- package/.husky/pre-commit +4 -0
- package/.vscode/settings.json +2 -2
- package/jest.config.js +3 -3
- package/lib/alerts/AlertContainer.js +19 -14
- package/lib/alerts/AlertProvider.js +9 -4
- package/lib/alerts/BaseAlert.js +8 -5
- package/lib/alerts/Message.js +40 -31
- package/lib/alerts/alert.spec.js +55 -32
- package/lib/alerts/helpers.js +5 -2
- package/lib/alerts/withAlert.js +2 -2
- package/lib/assets/styles/commons.scss +10 -0
- package/lib/assets/styles/dropdown.scss +36 -2
- package/lib/assets/styles/effects.scss +11 -0
- package/lib/assets/styles/list.scss +8 -0
- package/lib/assets/styles/table.scss +2 -7
- package/lib/avatar/avatar.spec.js +74 -42
- package/lib/avatar/index.js +58 -13
- package/lib/badge/badge.spec.js +52 -30
- package/lib/badge/index.js +22 -6
- package/lib/buttons/ActivateButton.js +3 -3
- package/lib/buttons/AddButton.js +1 -1
- package/lib/buttons/Button.js +11 -19
- package/lib/buttons/ButtonGroups.js +5 -0
- package/lib/buttons/CancelButton.js +3 -16
- package/lib/buttons/DangerButton.js +19 -14
- package/lib/buttons/DefaultButton.js +127 -65
- package/lib/buttons/DestroyButton.js +3 -12
- package/lib/buttons/EditButton.js +3 -3
- package/lib/buttons/InactivateButton.js +3 -3
- package/lib/buttons/InfoButton.js +19 -14
- package/lib/buttons/PrimaryButton.js +19 -14
- package/lib/buttons/RestoreButton.js +3 -3
- package/lib/buttons/SaveButton.js +2 -15
- package/lib/buttons/SpinnerLoading.js +41 -41
- package/lib/buttons/SuccessButton.js +18 -13
- package/lib/buttons/WarningButton.js +18 -13
- package/lib/buttons/button_container/index.js +18 -5
- package/lib/buttons/buttons.spec.js +210 -136
- package/lib/buttons/index.js +28 -28
- package/lib/buttons/split_button/index.js +30 -13
- package/lib/calendar/DangerCalendar.js +2 -11
- package/lib/calendar/InfoCalendar.js +2 -11
- package/lib/calendar/PrimaryCalendar.js +2 -11
- package/lib/calendar/SuccessCalendar.js +2 -11
- package/lib/calendar/WarningCalendar.js +2 -11
- package/lib/calendar/base/Day.js +8 -2
- package/lib/calendar/base/Month.js +5 -0
- package/lib/calendar/base/Week.js +6 -0
- package/lib/calendar/base/helpers.js +9 -9
- package/lib/calendar/base/index.js +36 -33
- package/lib/calendar/calendar.spec.js +63 -32
- package/lib/calendar/index.js +10 -10
- package/lib/checkbox/Label.js +12 -2
- package/lib/checkbox/checkbox.spec.js +78 -37
- package/lib/checkbox/index.js +79 -42
- package/lib/dialog/Alert.js +8 -3
- package/lib/dialog/Custom.js +25 -17
- package/lib/dialog/Error.js +6 -1
- package/lib/dialog/Information.js +6 -1
- package/lib/dialog/Question.js +17 -6
- package/lib/dialog/Warning.js +6 -1
- package/lib/dialog/base/Content.js +9 -0
- package/lib/dialog/base/Footer.js +8 -2
- package/lib/dialog/base/Header.js +22 -8
- package/lib/dialog/base/index.js +28 -6
- package/lib/dialog/dialog.spec.js +153 -79
- package/lib/dialog/form/index.js +32 -22
- package/lib/dialog/index.js +6 -6
- package/lib/drawer/Content.js +10 -1
- package/lib/drawer/Drawer.js +50 -29
- package/lib/drawer/Drawer.spec.js +95 -52
- package/lib/drawer/Header.js +31 -12
- package/lib/drawer/helpers.js +1 -1
- package/lib/drawer/index.js +4 -4
- package/lib/dropdown/Popup.js +16 -32
- package/lib/dropdown/dropdown.spec.js +58 -34
- package/lib/dropdown/helper.js +2 -2
- package/lib/dropdown/withDropdown.js +43 -18
- package/lib/fieldset/fieldset.spec.js +123 -77
- package/lib/fieldset/index.js +43 -12
- package/lib/form/Field.js +41 -14
- package/lib/form/FieldArray.js +50 -20
- package/lib/form/FieldNumber.js +44 -12
- package/lib/form/FieldPeriod.js +41 -19
- package/lib/form/form.spec.js +90 -48
- package/lib/form/helpers.js +16 -10
- package/lib/form/index.js +92 -57
- package/lib/form/withFieldHOC.js +120 -40
- package/lib/form/withFormSecurity.js +38 -17
- package/lib/gridlayout/GridCol.js +18 -3
- package/lib/gridlayout/GridRow.js +24 -4
- package/lib/gridlayout/gridLayout.spec.js +70 -43
- package/lib/icons/helper.js +571 -560
- package/lib/icons/icons.spec.js +36 -20
- package/lib/icons/index.js +40 -23
- package/lib/index.js +12 -12
- package/lib/inputs/base/InputTextBase.js +149 -40
- package/lib/inputs/base/base.spec.js +289 -174
- package/lib/inputs/base/helpers.js +4 -4
- package/lib/inputs/color/color_input.spec.js +67 -33
- package/lib/inputs/color/index.js +29 -31
- package/lib/inputs/date/Dialog.js +8 -1
- package/lib/inputs/date/Dropdown.js +70 -18
- package/lib/inputs/date/date.spec.js +156 -75
- package/lib/inputs/date/helpers.js +1 -1
- package/lib/inputs/date/index.js +411 -255
- package/lib/inputs/inputHOC.js +96 -44
- package/lib/inputs/mask/BaseMask.js +45 -16
- package/lib/inputs/mask/Cnpj.js +19 -12
- package/lib/inputs/mask/Cpf.js +22 -14
- package/lib/inputs/mask/Phone.js +9 -1
- package/lib/inputs/mask/ZipCode.js +1 -1
- package/lib/inputs/mask/helpers.js +36 -21
- package/lib/inputs/mask/imaskHOC.js +255 -186
- package/lib/inputs/mask/index.js +4 -4
- package/lib/inputs/mask/input_mask.spec.js +290 -177
- package/lib/inputs/multiSelect/ActionButtons.js +14 -2
- package/lib/inputs/multiSelect/Dropdown.js +70 -43
- package/lib/inputs/multiSelect/index.js +80 -64
- package/lib/inputs/number/BaseNumber.js +62 -27
- package/lib/inputs/number/Currency.js +14 -4
- package/lib/inputs/number/format_number.js +1 -1
- package/lib/inputs/number/index.js +15 -9
- package/lib/inputs/number/numberfield.spec.js +83 -42
- package/lib/inputs/period/Dialog.js +8 -1
- package/lib/inputs/period/Dropdown.js +70 -16
- package/lib/inputs/period/PeriodList.js +19 -6
- package/lib/inputs/period/helper.js +71 -30
- package/lib/inputs/period/index.js +160 -112
- package/lib/inputs/search/index.js +261 -129
- package/lib/inputs/search/search_input.spec.js +86 -46
- package/lib/inputs/select/ActionButtons.js +20 -14
- package/lib/inputs/select/Dropdown.js +63 -30
- package/lib/inputs/select/helper.js +16 -18
- package/lib/inputs/select/index.js +13 -14
- package/lib/inputs/select/multiple/Selecteds.js +13 -5
- package/lib/inputs/select/multiple/index.js +414 -289
- package/lib/inputs/select/select.spec.js +182 -127
- package/lib/inputs/select/simple/index.js +462 -305
- package/lib/inputs/select/types.d.ts +4 -0
- package/lib/inputs/text/index.js +0 -1
- package/lib/inputs/text/textfield.spec.js +83 -42
- package/lib/inputs/textarea/index.js +15 -5
- package/lib/inputs/textarea/textarea.spec.js +27 -14
- package/lib/internals/constants.js +1 -1
- package/lib/internals/withTooltip.js +34 -26
- package/lib/labelMessages/index.js +45 -27
- package/lib/labelMessages/labelMessages.spec.js +61 -28
- package/lib/labels/DangerLabel.js +4 -13
- package/lib/labels/DefaultLabel.js +57 -25
- package/lib/labels/InfoLabel.js +4 -13
- package/lib/labels/PrimaryLabel.js +4 -13
- package/lib/labels/SuccessLabel.js +4 -13
- package/lib/labels/WarningLabel.js +4 -13
- package/lib/labels/index.js +10 -10
- package/lib/labels/label.spec.js +68 -41
- package/lib/labels/label_container/index.js +12 -2
- package/lib/list/Header.js +13 -0
- package/lib/list/Item.js +65 -27
- package/lib/list/helpers.js +2 -2
- package/lib/list/index.js +51 -31
- package/lib/list/list.spec.js +358 -211
- package/lib/menus/float/MenuItem.js +42 -10
- package/lib/menus/float/SubMenuContainer.js +95 -0
- package/lib/menus/float/float-menu.spec.js +61 -27
- package/lib/menus/float/helpers.js +1 -1
- package/lib/menus/float/index.js +39 -9
- package/lib/menus/sidenav/ExpandMenu.js +13 -1
- package/lib/menus/sidenav/MenuLink.js +14 -0
- package/lib/menus/sidenav/NavMenuGroup.js +12 -1
- package/lib/menus/sidenav/NavMenuItem.js +45 -19
- package/lib/menus/sidenav/NavSubMenuItem.js +15 -4
- package/lib/menus/sidenav/helpers.js +3 -3
- package/lib/menus/sidenav/index.js +60 -30
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +11 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +11 -14
- package/lib/menus/sidenav/sidenav.spec.js +78 -29
- package/lib/panel/Content.js +18 -6
- package/lib/panel/DangerPanel.js +1 -1
- package/lib/panel/Default.js +45 -18
- package/lib/panel/Header.js +29 -7
- package/lib/panel/InfoPanel.js +1 -1
- package/lib/panel/PrimaryPanel.js +1 -1
- package/lib/panel/SuccessPanel.js +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.js +1 -1
- package/lib/panel/helpers.js +3 -7
- package/lib/panel/index.js +14 -14
- package/lib/panel/panel.spec.js +106 -69
- package/lib/permissionValidations.js +12 -14
- package/lib/popover/PopoverText.js +5 -0
- package/lib/popover/PopoverTitle.js +5 -0
- package/lib/popover/index.js +40 -26
- package/lib/popover/popover.spec.js +70 -40
- package/lib/progress/Bar.js +47 -37
- package/lib/progress/index.js +18 -8
- package/lib/progress/progress.spec.js +48 -32
- package/lib/radio/index.js +46 -22
- package/lib/radio/radio.spec.js +68 -41
- package/lib/skeleton/SkeletonContainer.js +13 -0
- package/lib/skeleton/index.js +26 -7
- package/lib/spinner/SpinnerLoading.js +12 -4
- package/lib/spinner/index.js +29 -24
- package/lib/spinner/spinner.spec.js +65 -43
- package/lib/split/Split.js +62 -45
- package/lib/split/SplitSide.js +21 -1
- package/lib/split/helpers.js +1 -1
- package/lib/split/split.spec.js +76 -51
- package/lib/table/Body.js +16 -9
- package/lib/table/Header.js +19 -40
- package/lib/table/HeaderColumn.js +20 -6
- package/lib/table/Row.js +28 -7
- package/lib/table/RowColumn.js +30 -12
- package/lib/table/helpers.js +3 -3
- package/lib/table/index.js +53 -15
- package/lib/table/table.spec.js +149 -94
- package/lib/tabs/DropdownItems.js +53 -39
- package/lib/tabs/Menu.js +20 -16
- package/lib/tabs/MenuItems.js +39 -25
- package/lib/tabs/Panel.js +51 -18
- package/lib/tabs/index.js +75 -81
- package/lib/tabs/tabHelpers.js +8 -10
- package/lib/tabs/tabs.spec.js +158 -95
- package/lib/toolbar/ButtonBar.js +13 -32
- package/lib/toolbar/LabelBar.js +18 -31
- package/lib/toolbar/ToolBarGroup.js +12 -6
- package/lib/toolbar/helpers.js +1 -1
- package/lib/toolbar/index.js +33 -25
- package/lib/toolbar/toolbar.spec.js +182 -134
- package/lib/tooltip/index.js +34 -25
- package/lib/tooltip/tooltip.spec.js +51 -24
- package/lib/treeview/Header.js +12 -0
- package/lib/treeview/Node.js +387 -261
- package/lib/treeview/constants.js +2 -1
- package/lib/treeview/index.js +548 -363
- package/lib/treeview/treeview.spec.js +86 -49
- package/lib/treeview_old/Node.js +6 -6
- package/lib/uitour/helpers.js +1 -1
- package/lib/uitour/index.js +32 -15
- package/lib/uitour/uitour.spec.js +77 -55
- package/package.json +16 -40
- package/.husky/pre-push +0 -4
- package/babel.config.json +0 -11
- package/dist/main.js +0 -14
- package/lib/assets/styles/treetable.scss +0 -100
- package/lib/treetable/Body.js +0 -46
- package/lib/treetable/Header.js +0 -27
- package/lib/treetable/Row.js +0 -261
- package/lib/treetable/helpers.js +0 -41
- package/lib/treetable/index.js +0 -24
- package/lib/treetable/types.d.js +0 -5
- package/tsconfig.json +0 -32
- package/tsup.config.ts +0 -10
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
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
|
+
|
|
4
5
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
5
7
|
var _react2 = require("@testing-library/react");
|
|
8
|
+
|
|
6
9
|
require("@testing-library/jest-dom/extend-expect");
|
|
10
|
+
|
|
7
11
|
var _InputTextBase = _interopRequireDefault(require("./InputTextBase"));
|
|
12
|
+
|
|
8
13
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
14
|
+
|
|
9
15
|
var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
|
|
16
|
+
|
|
10
17
|
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); }
|
|
18
|
+
|
|
11
19
|
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; }
|
|
20
|
+
|
|
12
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
// eslint-disable-next-line import/no-named-as-default
|
|
14
22
|
|
|
15
23
|
describe('InputTextBase', function () {
|
|
16
24
|
var inputTextBase = function inputTextBase(inputTextBaseProps) {
|
|
@@ -18,50 +26,61 @@ describe('InputTextBase', function () {
|
|
|
18
26
|
customClass: "child-button"
|
|
19
27
|
}));
|
|
20
28
|
};
|
|
29
|
+
|
|
21
30
|
var setSessionStorageMock = function setSessionStorageMock() {
|
|
22
31
|
Object.defineProperty(window, 'sessionStorage', {
|
|
23
32
|
value: (0, _storageMock.default)()
|
|
24
33
|
});
|
|
25
34
|
};
|
|
35
|
+
|
|
26
36
|
it('should render correctly', function () {
|
|
27
|
-
var _render = (0, _react2.render)(inputTextBase(
|
|
28
|
-
|
|
37
|
+
var _render = (0, _react2.render)(inputTextBase()),
|
|
38
|
+
container = _render.container;
|
|
39
|
+
|
|
29
40
|
expect(container.firstChild).toHaveClass('input-base-component');
|
|
30
41
|
});
|
|
31
42
|
it('should apply value', function () {
|
|
32
43
|
var value = 'text';
|
|
44
|
+
|
|
33
45
|
var _render2 = (0, _react2.render)(inputTextBase({
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
46
|
+
value: value
|
|
47
|
+
})),
|
|
48
|
+
container = _render2.container;
|
|
49
|
+
|
|
37
50
|
var inputHTML = container.querySelector('.textinput');
|
|
38
|
-
expect(inputHTML
|
|
51
|
+
expect(inputHTML.value).toBe(value);
|
|
39
52
|
});
|
|
40
53
|
it('should apply label', function () {
|
|
41
54
|
var label = 'teste label';
|
|
55
|
+
|
|
42
56
|
var _render3 = (0, _react2.render)(inputTextBase({
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
57
|
+
label: label
|
|
58
|
+
})),
|
|
59
|
+
container = _render3.container;
|
|
60
|
+
|
|
46
61
|
var labelHTML = container.querySelector('.labelcontainer > .label');
|
|
47
62
|
expect(labelHTML).toHaveTextContent(label);
|
|
48
63
|
});
|
|
49
64
|
it('should apply id', function () {
|
|
50
65
|
var id = 'testeID';
|
|
66
|
+
|
|
51
67
|
var _render4 = (0, _react2.render)(inputTextBase({
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
68
|
+
id: id
|
|
69
|
+
})),
|
|
70
|
+
container = _render4.container;
|
|
71
|
+
|
|
55
72
|
var inputHTML = container.querySelector('.textinput');
|
|
56
|
-
expect(inputHTML
|
|
73
|
+
expect(inputHTML.id).toBe(id);
|
|
57
74
|
});
|
|
58
75
|
it('prop labelUppercase should add -uppercase css class', function () {
|
|
59
76
|
var label = 'teste label';
|
|
77
|
+
|
|
60
78
|
var _render5 = (0, _react2.render)(inputTextBase({
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
79
|
+
label: label,
|
|
80
|
+
labelUppercase: true
|
|
81
|
+
})),
|
|
82
|
+
container = _render5.container;
|
|
83
|
+
|
|
65
84
|
var labelHTML = container.querySelector('.labelcontainer > .label');
|
|
66
85
|
expect(labelHTML).toHaveClass('-uppercase');
|
|
67
86
|
});
|
|
@@ -69,199 +88,240 @@ describe('InputTextBase', function () {
|
|
|
69
88
|
describe('when receive "textarea" subject', function () {
|
|
70
89
|
it('should render textarea', function () {
|
|
71
90
|
var _render6 = (0, _react2.render)(inputTextBase({
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
91
|
+
type: 'textarea'
|
|
92
|
+
})),
|
|
93
|
+
container = _render6.container;
|
|
94
|
+
|
|
75
95
|
var textAreaHTML = container.querySelector('textarea.textinput');
|
|
76
96
|
expect(textAreaHTML).toBeInTheDocument();
|
|
77
|
-
expect(textAreaHTML
|
|
97
|
+
expect(textAreaHTML.type).toBe('textarea');
|
|
78
98
|
});
|
|
79
99
|
it('should apply rows', function () {
|
|
80
|
-
var rows = 12;
|
|
100
|
+
var rows = '12';
|
|
101
|
+
|
|
81
102
|
var _render7 = (0, _react2.render)(inputTextBase({
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
103
|
+
rows: rows,
|
|
104
|
+
type: 'textarea'
|
|
105
|
+
})),
|
|
106
|
+
container = _render7.container;
|
|
107
|
+
|
|
86
108
|
var textAreaHTML = container.querySelector('textarea.textinput');
|
|
87
|
-
expect(textAreaHTML
|
|
109
|
+
expect(textAreaHTML.rows).toBe(parseInt(rows, 10));
|
|
88
110
|
});
|
|
89
111
|
it('should apply cols', function () {
|
|
90
|
-
var cols = 12;
|
|
112
|
+
var cols = '12';
|
|
113
|
+
|
|
91
114
|
var _render8 = (0, _react2.render)(inputTextBase({
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
115
|
+
cols: cols,
|
|
116
|
+
type: 'textarea'
|
|
117
|
+
})),
|
|
118
|
+
container = _render8.container;
|
|
119
|
+
|
|
96
120
|
var textAreaHTML = container.querySelector('textarea.textinput');
|
|
97
|
-
expect(textAreaHTML
|
|
121
|
+
expect(textAreaHTML.cols).toBe(parseInt(cols, 10));
|
|
98
122
|
});
|
|
99
123
|
});
|
|
100
124
|
describe('when receive "text" subject', function () {
|
|
101
125
|
it('should render input text', function () {
|
|
102
126
|
var _render9 = (0, _react2.render)(inputTextBase({
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
127
|
+
type: 'text'
|
|
128
|
+
})),
|
|
129
|
+
container = _render9.container;
|
|
130
|
+
|
|
106
131
|
var inputHTML = container.querySelector('.textinput');
|
|
107
132
|
expect(inputHTML).toBeInTheDocument();
|
|
108
|
-
expect(inputHTML
|
|
133
|
+
expect(inputHTML.type).toBe('text');
|
|
109
134
|
});
|
|
110
135
|
});
|
|
111
136
|
describe('when receive "number" subject', function () {
|
|
112
137
|
it('should render input number', function () {
|
|
113
138
|
var _render10 = (0, _react2.render)(inputTextBase({
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
139
|
+
type: 'number'
|
|
140
|
+
})),
|
|
141
|
+
container = _render10.container;
|
|
142
|
+
|
|
117
143
|
var inputHTML = container.querySelector('.textinput');
|
|
118
144
|
expect(inputHTML).toBeInTheDocument();
|
|
119
|
-
expect(inputHTML
|
|
145
|
+
expect(inputHTML.type).toBe('number');
|
|
120
146
|
});
|
|
121
147
|
});
|
|
122
148
|
describe('when receive "date" subject', function () {
|
|
123
149
|
it('should render input date', function () {
|
|
124
150
|
var _render11 = (0, _react2.render)(inputTextBase({
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
151
|
+
type: 'date'
|
|
152
|
+
})),
|
|
153
|
+
container = _render11.container;
|
|
154
|
+
|
|
128
155
|
var inputHTML = container.querySelector('.textinput');
|
|
129
156
|
expect(inputHTML).toBeInTheDocument();
|
|
130
|
-
expect(inputHTML
|
|
157
|
+
expect(inputHTML.type).toBe('date');
|
|
131
158
|
});
|
|
132
159
|
});
|
|
133
160
|
});
|
|
134
161
|
it('prop readOnly should add -readonly css class', function () {
|
|
135
162
|
var _render12 = (0, _react2.render)(inputTextBase({
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
163
|
+
readOnly: true
|
|
164
|
+
})),
|
|
165
|
+
container = _render12.container;
|
|
166
|
+
|
|
139
167
|
var inputHTML = container.querySelector('.textinput');
|
|
140
168
|
expect(inputHTML).toHaveClass('-readonly');
|
|
141
169
|
});
|
|
142
170
|
it('should apply placeHolder', function () {
|
|
143
171
|
var _render13 = (0, _react2.render)(inputTextBase({
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
172
|
+
placeHolder: 'saas'
|
|
173
|
+
})),
|
|
174
|
+
container = _render13.container;
|
|
175
|
+
|
|
147
176
|
var inputHTML = container.querySelector('.textinput');
|
|
148
|
-
expect(inputHTML
|
|
177
|
+
expect(inputHTML.placeholder).toBe('saas');
|
|
149
178
|
});
|
|
150
179
|
it('prop disabled should add -disabled css class', function () {
|
|
151
180
|
var _render14 = (0, _react2.render)(inputTextBase({
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
181
|
+
disabled: true
|
|
182
|
+
})),
|
|
183
|
+
container = _render14.container;
|
|
184
|
+
|
|
155
185
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
156
186
|
expect(inputWrapper).toHaveClass('-disabled');
|
|
157
187
|
});
|
|
158
188
|
it('should apply autoFocus', function () {
|
|
159
189
|
var _render15 = (0, _react2.render)(inputTextBase({
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
190
|
+
autoFocus: true
|
|
191
|
+
})),
|
|
192
|
+
container = _render15.container;
|
|
193
|
+
|
|
163
194
|
var inputHTML = container.querySelector('.textinput');
|
|
164
195
|
expect(inputHTML).toHaveFocus();
|
|
165
196
|
});
|
|
166
197
|
it('should apply maxLength', function () {
|
|
167
198
|
var maxLength = 10;
|
|
199
|
+
|
|
168
200
|
var _render16 = (0, _react2.render)(inputTextBase({
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
201
|
+
maxLength: maxLength
|
|
202
|
+
})),
|
|
203
|
+
container = _render16.container;
|
|
204
|
+
|
|
172
205
|
var inputHTML = container.querySelector('.textinput');
|
|
173
|
-
expect(inputHTML
|
|
206
|
+
expect(inputHTML.maxLength).toBe(maxLength);
|
|
174
207
|
});
|
|
175
208
|
it('should apply name', function () {
|
|
176
209
|
var name = 'saas';
|
|
210
|
+
|
|
177
211
|
var _render17 = (0, _react2.render)(inputTextBase({
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
212
|
+
name: name
|
|
213
|
+
})),
|
|
214
|
+
container = _render17.container;
|
|
215
|
+
|
|
181
216
|
var inputHTML = container.querySelector('.textinput');
|
|
182
|
-
expect(inputHTML
|
|
217
|
+
expect(inputHTML.name).toBe(name);
|
|
183
218
|
});
|
|
184
219
|
it('prop required should render label with -requiredlabel css class', function () {
|
|
185
220
|
var label = 'teste label';
|
|
221
|
+
|
|
186
222
|
var _render18 = (0, _react2.render)(inputTextBase({
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
223
|
+
label: label,
|
|
224
|
+
required: true
|
|
225
|
+
})),
|
|
226
|
+
container = _render18.container;
|
|
227
|
+
|
|
191
228
|
var requiredLabel = container.querySelector('.labelcontainer > .label > .-requiredlabel');
|
|
192
229
|
expect(requiredLabel).toBeTruthy();
|
|
193
230
|
});
|
|
194
231
|
it('prop inputHasFocus should add -focusable css class to inputwrapper', function () {
|
|
195
|
-
var _render19 = (0, _react2.render)(inputTextBase(
|
|
196
|
-
|
|
232
|
+
var _render19 = (0, _react2.render)(inputTextBase()),
|
|
233
|
+
container = _render19.container;
|
|
234
|
+
|
|
197
235
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
198
236
|
var inputHTML = container.querySelector('.textinput');
|
|
237
|
+
|
|
199
238
|
_react2.fireEvent.focus(inputHTML);
|
|
239
|
+
|
|
200
240
|
expect(inputWrapper).toHaveClass('-focusable');
|
|
201
241
|
});
|
|
202
242
|
it('should apply onFocus', function () {
|
|
203
243
|
var onFocus = jest.fn();
|
|
244
|
+
|
|
204
245
|
var _render20 = (0, _react2.render)(inputTextBase({
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
246
|
+
onFocus: onFocus
|
|
247
|
+
})),
|
|
248
|
+
container = _render20.container;
|
|
249
|
+
|
|
208
250
|
var inputHTML = container.querySelector('.textinput');
|
|
251
|
+
|
|
209
252
|
_react2.fireEvent.focus(inputHTML);
|
|
253
|
+
|
|
210
254
|
expect(onFocus).toBeCalled();
|
|
211
255
|
});
|
|
212
256
|
it('should apply onBlur', function () {
|
|
213
257
|
var onBlur = jest.fn();
|
|
258
|
+
|
|
214
259
|
var _render21 = (0, _react2.render)(inputTextBase({
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
260
|
+
onBlur: onBlur
|
|
261
|
+
})),
|
|
262
|
+
container = _render21.container;
|
|
263
|
+
|
|
218
264
|
var inputHTML = container.querySelector('.textinput');
|
|
265
|
+
|
|
219
266
|
_react2.fireEvent.blur(inputHTML);
|
|
267
|
+
|
|
220
268
|
expect(onBlur).toBeCalled();
|
|
221
269
|
expect(inputHTML).not.toHaveFocus();
|
|
222
270
|
});
|
|
223
271
|
it('should apply onChange', function () {
|
|
224
272
|
var onChange = jest.fn();
|
|
273
|
+
|
|
225
274
|
var _render22 = (0, _react2.render)(inputTextBase({
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
275
|
+
onChange: onChange
|
|
276
|
+
})),
|
|
277
|
+
container = _render22.container;
|
|
278
|
+
|
|
229
279
|
var inputHTML = container.querySelector('.textinput');
|
|
280
|
+
|
|
230
281
|
_react2.fireEvent.change(inputHTML, {
|
|
231
282
|
target: {
|
|
232
283
|
value: 'sus'
|
|
233
284
|
}
|
|
234
285
|
});
|
|
286
|
+
|
|
235
287
|
expect(onChange).toBeCalled();
|
|
236
|
-
expect(inputHTML
|
|
288
|
+
expect(inputHTML.value).toBe('sus');
|
|
237
289
|
});
|
|
238
290
|
it('should apply onKeyDown', function () {
|
|
239
291
|
var onKeyDown = jest.fn();
|
|
292
|
+
|
|
240
293
|
var _render23 = (0, _react2.render)(inputTextBase({
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
294
|
+
onKeyDown: onKeyDown
|
|
295
|
+
})),
|
|
296
|
+
container = _render23.container;
|
|
297
|
+
|
|
244
298
|
var inputHTML = container.querySelector('.textinput');
|
|
299
|
+
|
|
245
300
|
_react2.fireEvent.keyDown(inputHTML, {
|
|
246
301
|
key: 'Escape',
|
|
247
302
|
code: 'Escape',
|
|
248
303
|
keyCode: 27,
|
|
249
304
|
charCode: 27
|
|
250
305
|
});
|
|
306
|
+
|
|
251
307
|
expect(onKeyDown).toBeCalled();
|
|
252
308
|
});
|
|
253
309
|
it('should apply onKeyPress', function () {
|
|
254
310
|
var onKeyPress = jest.fn();
|
|
311
|
+
|
|
255
312
|
var _render24 = (0, _react2.render)(inputTextBase({
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
313
|
+
onKeyPress: onKeyPress
|
|
314
|
+
})),
|
|
315
|
+
container = _render24.container;
|
|
316
|
+
|
|
259
317
|
var inputHTML = container.querySelector('.textinput');
|
|
318
|
+
|
|
260
319
|
_react2.fireEvent.keyPress(inputHTML, {
|
|
261
320
|
key: 'Enter',
|
|
262
321
|
code: 13,
|
|
263
322
|
charCode: 13
|
|
264
323
|
});
|
|
324
|
+
|
|
265
325
|
expect(onKeyPress).toBeCalled();
|
|
266
326
|
});
|
|
267
327
|
describe('prop leftElements should', function () {
|
|
@@ -269,10 +329,12 @@ describe('InputTextBase', function () {
|
|
|
269
329
|
var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
270
330
|
customClass: "btn1"
|
|
271
331
|
});
|
|
332
|
+
|
|
272
333
|
var _render25 = (0, _react2.render)(inputTextBase({
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
334
|
+
leftElements: leftElements
|
|
335
|
+
})),
|
|
336
|
+
container = _render25.container;
|
|
337
|
+
|
|
276
338
|
var buttonHTML = container.querySelector('.sidebuttons > .btn1');
|
|
277
339
|
expect(buttonHTML).toBeTruthy();
|
|
278
340
|
});
|
|
@@ -284,10 +346,12 @@ describe('InputTextBase', function () {
|
|
|
284
346
|
customClass: "btnteste",
|
|
285
347
|
key: "btn_teste2"
|
|
286
348
|
})];
|
|
349
|
+
|
|
287
350
|
var _render26 = (0, _react2.render)(inputTextBase({
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
351
|
+
leftElements: leftElements
|
|
352
|
+
})),
|
|
353
|
+
container = _render26.container;
|
|
354
|
+
|
|
291
355
|
var buttonHTML = container.querySelectorAll('.sidebuttons > .btnteste');
|
|
292
356
|
expect(buttonHTML.length).toBe(2);
|
|
293
357
|
});
|
|
@@ -297,10 +361,12 @@ describe('InputTextBase', function () {
|
|
|
297
361
|
var rightElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
298
362
|
customClass: "btn1"
|
|
299
363
|
});
|
|
364
|
+
|
|
300
365
|
var _render27 = (0, _react2.render)(inputTextBase({
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
366
|
+
rightElements: rightElements
|
|
367
|
+
})),
|
|
368
|
+
container = _render27.container;
|
|
369
|
+
|
|
304
370
|
var buttonHTML = container.querySelector('.btn1');
|
|
305
371
|
expect(buttonHTML).toBeTruthy();
|
|
306
372
|
});
|
|
@@ -312,53 +378,64 @@ describe('InputTextBase', function () {
|
|
|
312
378
|
customClass: "btnteste",
|
|
313
379
|
key: "btn_teste2"
|
|
314
380
|
})];
|
|
381
|
+
|
|
315
382
|
var _render28 = (0, _react2.render)(inputTextBase({
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
383
|
+
rightElements: rightElements
|
|
384
|
+
})),
|
|
385
|
+
container = _render28.container;
|
|
386
|
+
|
|
319
387
|
var buttonHTML = container.querySelectorAll('.btnteste');
|
|
320
388
|
expect(buttonHTML.length).toBe(2);
|
|
321
389
|
});
|
|
322
390
|
});
|
|
323
391
|
it('should render children', function () {
|
|
324
|
-
var _render29 = (0, _react2.render)(inputTextBase(
|
|
325
|
-
|
|
392
|
+
var _render29 = (0, _react2.render)(inputTextBase()),
|
|
393
|
+
container = _render29.container;
|
|
394
|
+
|
|
326
395
|
var childButton = container.querySelector('.child-button');
|
|
327
396
|
expect(childButton).toBeTruthy();
|
|
328
397
|
});
|
|
329
398
|
it('should apply customClass', function () {
|
|
330
399
|
var customClass = 'saas';
|
|
400
|
+
|
|
331
401
|
var _render30 = (0, _react2.render)(inputTextBase({
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
402
|
+
customClass: customClass
|
|
403
|
+
})),
|
|
404
|
+
container = _render30.container;
|
|
405
|
+
|
|
335
406
|
expect(container.firstChild).toHaveClass(customClass);
|
|
336
407
|
});
|
|
337
408
|
it('should apply customClassForWrapper', function () {
|
|
338
409
|
var customClassForWrapper = 'saas';
|
|
410
|
+
|
|
339
411
|
var _render31 = (0, _react2.render)(inputTextBase({
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
412
|
+
customClassForWrapper: customClassForWrapper
|
|
413
|
+
})),
|
|
414
|
+
container = _render31.container;
|
|
415
|
+
|
|
343
416
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
344
417
|
expect(inputWrapper).toHaveClass(customClassForWrapper);
|
|
345
418
|
});
|
|
346
419
|
it('should apply customClassForInputContent', function () {
|
|
347
420
|
var customClassForInputContent = 'saas';
|
|
421
|
+
|
|
348
422
|
var _render32 = (0, _react2.render)(inputTextBase({
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
423
|
+
customClassForInputContent: customClassForInputContent
|
|
424
|
+
})),
|
|
425
|
+
container = _render32.container;
|
|
426
|
+
|
|
352
427
|
var inputContent = container.querySelector('.inputcontent');
|
|
353
428
|
expect(inputContent).toHaveClass(customClassForInputContent);
|
|
354
429
|
});
|
|
355
430
|
it('should apply customClassForLabel', function () {
|
|
356
431
|
var customClassForLabel = 'saas';
|
|
432
|
+
|
|
357
433
|
var _render33 = (0, _react2.render)(inputTextBase({
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
434
|
+
customClassForLabel: customClassForLabel,
|
|
435
|
+
label: 'sus'
|
|
436
|
+
})),
|
|
437
|
+
container = _render33.container;
|
|
438
|
+
|
|
362
439
|
var labelSpan = container.querySelector('.label');
|
|
363
440
|
expect(labelSpan).toHaveClass(customClassForLabel);
|
|
364
441
|
});
|
|
@@ -366,17 +443,21 @@ describe('InputTextBase', function () {
|
|
|
366
443
|
var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
367
444
|
customClass: "btn1"
|
|
368
445
|
});
|
|
446
|
+
|
|
369
447
|
var customClassForSideButtons = 'saas';
|
|
448
|
+
|
|
370
449
|
var _render34 = (0, _react2.render)(inputTextBase({
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
450
|
+
leftElements: leftElements,
|
|
451
|
+
customClassForSideButtons: customClassForSideButtons
|
|
452
|
+
})),
|
|
453
|
+
container = _render34.container;
|
|
454
|
+
|
|
375
455
|
var sideButtonsContainer = container.querySelector('.sidebuttons');
|
|
376
456
|
expect(sideButtonsContainer).toHaveClass(customClassForSideButtons);
|
|
377
457
|
});
|
|
378
458
|
it('should apply inputRef', function () {
|
|
379
459
|
var inputRef = /*#__PURE__*/_react.default.createRef();
|
|
460
|
+
|
|
380
461
|
(0, _react2.render)(inputTextBase({
|
|
381
462
|
inputRef: inputRef
|
|
382
463
|
}));
|
|
@@ -384,6 +465,7 @@ describe('InputTextBase', function () {
|
|
|
384
465
|
});
|
|
385
466
|
it('should apply inputBaseRef', function () {
|
|
386
467
|
var inputBaseRef = /*#__PURE__*/_react.default.createRef();
|
|
468
|
+
|
|
387
469
|
(0, _react2.render)(inputTextBase({
|
|
388
470
|
inputBaseRef: inputBaseRef
|
|
389
471
|
}));
|
|
@@ -391,53 +473,62 @@ describe('InputTextBase', function () {
|
|
|
391
473
|
});
|
|
392
474
|
it('prop hint should render hint', function () {
|
|
393
475
|
var hint = 'saas';
|
|
476
|
+
|
|
394
477
|
var _render35 = (0, _react2.render)(inputTextBase({
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
478
|
+
hint: hint
|
|
479
|
+
})),
|
|
480
|
+
container = _render35.container;
|
|
481
|
+
|
|
398
482
|
var hintHTML = container.querySelector('.hint');
|
|
399
483
|
expect(hintHTML).toBeTruthy();
|
|
400
484
|
expect(hintHTML).toHaveTextContent(hint);
|
|
401
485
|
});
|
|
402
486
|
it('should apply textAlign', function () {
|
|
403
487
|
var textAlign = 'right';
|
|
488
|
+
|
|
404
489
|
var _render36 = (0, _react2.render)(inputTextBase({
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
490
|
+
textAlign: textAlign
|
|
491
|
+
})),
|
|
492
|
+
container = _render36.container;
|
|
493
|
+
|
|
408
494
|
var inputHTML = container.querySelector('.textinput');
|
|
409
495
|
expect(inputHTML).toHaveClass("text-align-".concat(textAlign));
|
|
410
496
|
});
|
|
411
497
|
it('should apply rounded', function () {
|
|
412
498
|
var _render37 = (0, _react2.render)(inputTextBase({
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
499
|
+
rounded: true
|
|
500
|
+
})),
|
|
501
|
+
container = _render37.container;
|
|
502
|
+
|
|
416
503
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
417
504
|
expect(inputWrapper).toHaveClass('-roundedborders');
|
|
418
505
|
});
|
|
419
506
|
it('prop errorMessages should render error messages', function () {
|
|
420
507
|
var errorMessages = ['teste', 'erros', 'aleatorios'];
|
|
508
|
+
|
|
421
509
|
var _render38 = (0, _react2.render)(inputTextBase({
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
510
|
+
errorMessages: errorMessages
|
|
511
|
+
})),
|
|
512
|
+
container = _render38.container;
|
|
513
|
+
|
|
425
514
|
var errorMessagesHTML = container.querySelector('.errormessages');
|
|
426
515
|
expect(errorMessagesHTML).toHaveTextContent(errorMessages.join(', '));
|
|
427
516
|
});
|
|
428
517
|
describe('prop visible should', function () {
|
|
429
518
|
it('not render subject when false', function () {
|
|
430
519
|
var _render39 = (0, _react2.render)(inputTextBase({
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
520
|
+
visible: false
|
|
521
|
+
})),
|
|
522
|
+
container = _render39.container;
|
|
523
|
+
|
|
434
524
|
expect(container.firstChild).toBeNull();
|
|
435
525
|
});
|
|
436
526
|
it('render subject when true', function () {
|
|
437
527
|
var _render40 = (0, _react2.render)(inputTextBase({
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
528
|
+
visible: true
|
|
529
|
+
})),
|
|
530
|
+
container = _render40.container;
|
|
531
|
+
|
|
441
532
|
expect(container.firstChild).not.toBeNull();
|
|
442
533
|
});
|
|
443
534
|
});
|
|
@@ -453,10 +544,12 @@ describe('InputTextBase', function () {
|
|
|
453
544
|
it('should render subject', function () {
|
|
454
545
|
setSessionStorageMock();
|
|
455
546
|
var permissionAttr = (0, _storageMock.permissionAttrMockAuthorized)('unvisible');
|
|
547
|
+
|
|
456
548
|
var _render41 = (0, _react2.render)(inputTextBase({
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
549
|
+
permissionAttr: permissionAttr
|
|
550
|
+
})),
|
|
551
|
+
container = _render41.container;
|
|
552
|
+
|
|
460
553
|
expect(container.firstChild).not.toBeNull();
|
|
461
554
|
});
|
|
462
555
|
});
|
|
@@ -464,10 +557,12 @@ describe('InputTextBase', function () {
|
|
|
464
557
|
it('onDenied.unvisible option should not render subject', function () {
|
|
465
558
|
setSessionStorageMock();
|
|
466
559
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('unvisible');
|
|
560
|
+
|
|
467
561
|
var _render42 = (0, _react2.render)(inputTextBase({
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
562
|
+
permissionAttr: permissionAttr
|
|
563
|
+
})),
|
|
564
|
+
container = _render42.container;
|
|
565
|
+
|
|
471
566
|
expect(container.firstChild).toBeNull();
|
|
472
567
|
});
|
|
473
568
|
describe('onDenied.disabled option/disabled prop should', function () {
|
|
@@ -475,27 +570,33 @@ describe('InputTextBase', function () {
|
|
|
475
570
|
setSessionStorageMock();
|
|
476
571
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
|
|
477
572
|
var onChange = jest.fn();
|
|
573
|
+
|
|
478
574
|
var _render43 = (0, _react2.render)(inputTextBase({
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
575
|
+
permissionAttr: permissionAttr,
|
|
576
|
+
onChange: onChange
|
|
577
|
+
})),
|
|
578
|
+
container = _render43.container;
|
|
579
|
+
|
|
483
580
|
var inputHTML = container.querySelector('.textinput');
|
|
581
|
+
|
|
484
582
|
_react2.fireEvent.change(inputHTML, {
|
|
485
583
|
target: {
|
|
486
584
|
value: 'sus'
|
|
487
585
|
}
|
|
488
586
|
});
|
|
489
|
-
|
|
587
|
+
|
|
588
|
+
expect(inputHTML.disabled).toBeTruthy();
|
|
490
589
|
expect(onChange).not.toBeCalled();
|
|
491
590
|
});
|
|
492
591
|
it('add -disabled css class', function () {
|
|
493
592
|
setSessionStorageMock();
|
|
494
593
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
|
|
594
|
+
|
|
495
595
|
var _render44 = (0, _react2.render)(inputTextBase({
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
596
|
+
permissionAttr: permissionAttr
|
|
597
|
+
})),
|
|
598
|
+
container = _render44.container;
|
|
599
|
+
|
|
499
600
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
500
601
|
expect(inputWrapper).toHaveClass('-disabled');
|
|
501
602
|
});
|
|
@@ -504,28 +605,34 @@ describe('InputTextBase', function () {
|
|
|
504
605
|
it('apply readOnly attribute in input', function () {
|
|
505
606
|
setSessionStorageMock();
|
|
506
607
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
|
|
608
|
+
|
|
507
609
|
var _render45 = (0, _react2.render)(inputTextBase({
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
610
|
+
permissionAttr: permissionAttr
|
|
611
|
+
})),
|
|
612
|
+
container = _render45.container;
|
|
613
|
+
|
|
511
614
|
var inputHTML = container.querySelector('.textinput');
|
|
512
|
-
expect(inputHTML
|
|
615
|
+
expect(inputHTML.readOnly).toBeTruthy();
|
|
513
616
|
});
|
|
514
617
|
it('disable callbacks', function () {
|
|
515
618
|
setSessionStorageMock();
|
|
516
619
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
|
|
517
620
|
var onChange = jest.fn();
|
|
621
|
+
|
|
518
622
|
var _render46 = (0, _react2.render)(inputTextBase({
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
623
|
+
permissionAttr: permissionAttr,
|
|
624
|
+
onChange: onChange
|
|
625
|
+
})),
|
|
626
|
+
container = _render46.container;
|
|
627
|
+
|
|
523
628
|
var inputHTML = container.querySelector('.textinput');
|
|
629
|
+
|
|
524
630
|
_react2.fireEvent.change(inputHTML, {
|
|
525
631
|
target: {
|
|
526
632
|
value: 'sus'
|
|
527
633
|
}
|
|
528
634
|
});
|
|
635
|
+
|
|
529
636
|
expect(onChange).not.toBeCalled();
|
|
530
637
|
});
|
|
531
638
|
});
|
|
@@ -533,39 +640,47 @@ describe('InputTextBase', function () {
|
|
|
533
640
|
it('should set input value to blank', function () {
|
|
534
641
|
setSessionStorageMock();
|
|
535
642
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
|
|
643
|
+
|
|
536
644
|
var _render47 = (0, _react2.render)(inputTextBase({
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
645
|
+
permissionAttr: permissionAttr,
|
|
646
|
+
value: 'text'
|
|
647
|
+
})),
|
|
648
|
+
container = _render47.container;
|
|
649
|
+
|
|
541
650
|
var inputHTML = container.querySelector('.textinput');
|
|
542
|
-
expect(inputHTML
|
|
651
|
+
expect(inputHTML.value).toBe('');
|
|
543
652
|
});
|
|
544
653
|
it('disable input', function () {
|
|
545
654
|
setSessionStorageMock();
|
|
546
655
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
|
|
547
656
|
var onChange = jest.fn();
|
|
657
|
+
|
|
548
658
|
var _render48 = (0, _react2.render)(inputTextBase({
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
659
|
+
permissionAttr: permissionAttr,
|
|
660
|
+
onChange: onChange
|
|
661
|
+
})),
|
|
662
|
+
container = _render48.container;
|
|
663
|
+
|
|
553
664
|
var inputHTML = container.querySelector('.textinput');
|
|
665
|
+
|
|
554
666
|
_react2.fireEvent.change(inputHTML, {
|
|
555
667
|
target: {
|
|
556
668
|
value: 'sus'
|
|
557
669
|
}
|
|
558
670
|
});
|
|
671
|
+
|
|
559
672
|
expect(onChange).not.toBeCalled();
|
|
560
|
-
expect(inputHTML
|
|
673
|
+
expect(inputHTML.disabled).toBeTruthy();
|
|
561
674
|
});
|
|
562
675
|
it('add -disabled css class', function () {
|
|
563
676
|
setSessionStorageMock();
|
|
564
677
|
var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
|
|
678
|
+
|
|
565
679
|
var _render49 = (0, _react2.render)(inputTextBase({
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
680
|
+
permissionAttr: permissionAttr
|
|
681
|
+
})),
|
|
682
|
+
container = _render49.container;
|
|
683
|
+
|
|
569
684
|
var inputWrapper = container.querySelector('.inputwrapper');
|
|
570
685
|
expect(inputWrapper).toHaveClass('-disabled');
|
|
571
686
|
});
|