linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.27
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 +2 -0
- package/.vscode/settings.json +2 -2
- package/babel.config.json +11 -0
- package/lib/@types/Align.d.ts +3 -0
- package/lib/@types/ButtonTypes.d.ts +3 -0
- package/lib/@types/ColorStyles.d.ts +3 -0
- package/lib/@types/DataCombo.d.ts +3 -0
- package/lib/@types/Icon.d.ts +5 -0
- package/lib/@types/LabelStyles.d.ts +3 -0
- package/lib/@types/Period.d.ts +6 -0
- package/lib/@types/PermissionAttr.d.ts +14 -0
- package/lib/@types/PointerEvents.d.ts +3 -0
- package/lib/@types/Position.d.ts +3 -0
- package/lib/@types/PositionAlert.d.ts +3 -0
- package/lib/@types/Size.d.ts +3 -0
- package/lib/@types/SizePixels.d.ts +3 -0
- package/lib/@types/StorageMock.d.ts +5 -0
- package/lib/alerts/AlertContainer.d.ts +16 -0
- package/lib/alerts/AlertProvider.d.ts +7 -0
- package/lib/alerts/AlertProvider.js +1 -1
- package/lib/alerts/BaseAlert.d.ts +7 -0
- package/lib/alerts/Message.d.ts +7 -0
- package/lib/alerts/helpers.d.ts +7 -0
- package/lib/alerts/index.d.ts +6 -0
- package/lib/alerts/types.d.ts +48 -0
- package/lib/alerts/withAlert.d.ts +7 -0
- package/lib/alerts/withAlert.js +5 -3
- package/lib/avatar/index.d.ts +12 -0
- package/lib/avatar/types.d.ts +31 -0
- package/lib/badge/index.d.ts +6 -0
- package/lib/badge/types.d.ts +13 -0
- package/lib/buttons/ActivateButton.d.ts +9 -0
- package/lib/buttons/AddButton.d.ts +9 -0
- package/lib/buttons/Button.d.ts +12 -0
- package/lib/buttons/ButtonGroups.d.ts +8 -0
- package/lib/buttons/CancelButton.d.ts +9 -0
- package/lib/buttons/DangerButton.d.ts +9 -0
- package/lib/buttons/DefaultButton.d.ts +12 -0
- package/lib/buttons/DefaultButton.js +5 -3
- package/lib/buttons/DestroyButton.d.ts +9 -0
- package/lib/buttons/EditButton.d.ts +9 -0
- package/lib/buttons/InactivateButton.d.ts +9 -0
- package/lib/buttons/InfoButton.d.ts +9 -0
- package/lib/buttons/PrimaryButton.d.ts +9 -0
- package/lib/buttons/RestoreButton.d.ts +9 -0
- package/lib/buttons/SaveButton.d.ts +9 -0
- package/lib/buttons/SuccessButton.d.ts +9 -0
- package/lib/buttons/WarningButton.d.ts +9 -0
- package/lib/buttons/button_container/index.d.ts +12 -0
- package/lib/buttons/index.d.ts +21 -0
- package/lib/buttons/split_button/index.d.ts +9 -0
- package/lib/buttons/split_button/index.js +22 -2
- package/lib/buttons/types.d.ts +44 -0
- package/lib/calendar/DangerCalendar.d.ts +7 -0
- package/lib/calendar/InfoCalendar.d.ts +7 -0
- package/lib/calendar/PrimaryCalendar.d.ts +7 -0
- package/lib/calendar/SuccessCalendar.d.ts +7 -0
- package/lib/calendar/WarningCalendar.d.ts +7 -0
- package/lib/calendar/base/Day.d.ts +7 -0
- package/lib/calendar/base/Month.d.ts +7 -0
- package/lib/calendar/base/Week.d.ts +7 -0
- package/lib/calendar/base/helpers.d.ts +62 -0
- package/lib/calendar/base/helpers.js +1 -1
- package/lib/calendar/base/index.d.ts +7 -0
- package/lib/calendar/index.d.ts +10 -0
- package/lib/calendar/types.d.ts +25 -0
- package/lib/checkbox/Label.d.ts +11 -0
- package/lib/checkbox/index.d.ts +13 -0
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/types.d.ts +42 -0
- package/lib/dialog/Alert.d.ts +6 -0
- package/lib/dialog/Custom.d.ts +6 -0
- package/lib/dialog/Custom.js +4 -4
- package/lib/dialog/Error.d.ts +6 -0
- package/lib/dialog/Information.d.ts +6 -0
- package/lib/dialog/Question.d.ts +6 -0
- package/lib/dialog/Warning.d.ts +6 -0
- package/lib/dialog/base/Content.d.ts +6 -0
- package/lib/dialog/base/Footer.d.ts +6 -0
- package/lib/dialog/base/Header.d.ts +6 -0
- package/lib/dialog/base/index.d.ts +6 -0
- package/lib/dialog/form/index.d.ts +6 -0
- package/lib/dialog/index.d.ts +10 -0
- package/lib/dialog/types.d.ts +68 -0
- package/lib/drawer/Content.d.ts +7 -0
- package/lib/drawer/Drawer.d.ts +7 -0
- package/lib/drawer/Drawer.js +1 -1
- package/lib/drawer/Header.d.ts +7 -0
- package/lib/drawer/helpers.d.ts +7 -0
- package/lib/drawer/index.d.ts +9 -0
- package/lib/drawer/types.d.ts +34 -0
- package/lib/dropdown/Popup.d.ts +6 -0
- package/lib/dropdown/Popup.js +4 -2
- package/lib/dropdown/helper.d.ts +4 -0
- package/lib/dropdown/types.d.ts +43 -0
- package/lib/dropdown/withDropdown.d.ts +10 -0
- package/lib/dropdown/withDropdown.js +3 -1
- package/lib/fieldset/index.d.ts +8 -0
- package/lib/fieldset/index.js +1 -1
- package/lib/fieldset/types.d.ts +28 -0
- package/lib/form/Field.d.ts +6 -0
- package/lib/form/Field.js +11 -38
- package/lib/form/FieldArray.d.ts +6 -0
- package/lib/form/FieldArray.js +18 -48
- package/lib/form/FieldNumber.d.ts +6 -0
- package/lib/form/FieldNumber.js +2 -26
- package/lib/form/FieldPeriod.d.ts +6 -0
- package/lib/form/FieldPeriod.js +18 -40
- package/lib/form/helpers.d.ts +11 -0
- package/lib/form/helpers.js +10 -16
- package/lib/form/index.d.ts +9 -0
- package/lib/form/index.js +50 -85
- package/lib/form/types.d.ts +168 -0
- package/lib/{treetable/types.d.js → form/types.js} +0 -0
- package/lib/form/withFieldHOC.d.ts +6 -0
- package/lib/form/withFieldHOC.js +38 -118
- package/lib/form/withFormSecurity.d.ts +7 -0
- package/lib/form/withFormSecurity.js +13 -34
- package/lib/gridlayout/GridCol.d.ts +6 -0
- package/lib/gridlayout/GridRow.d.ts +6 -0
- package/lib/gridlayout/index.d.ts +5 -0
- package/lib/gridlayout/types.d.ts +20 -0
- package/lib/icons/helper.d.ts +560 -0
- package/lib/icons/index.d.ts +8 -0
- package/lib/icons/types.d.ts +28 -0
- package/lib/index.d.ts +35 -0
- package/lib/inputs/base/InputTextBase.d.ts +8 -0
- package/lib/inputs/base/InputTextBase.js +2 -2
- package/lib/inputs/base/helpers.d.ts +14 -0
- package/lib/inputs/base/helpers.js +1 -1
- package/lib/inputs/base/types.d.ts +68 -0
- package/lib/inputs/color/index.d.ts +7 -0
- package/lib/inputs/color/types.d.ts +14 -0
- package/lib/inputs/date/Dialog.d.ts +10 -0
- package/lib/inputs/date/Dropdown.d.ts +10 -0
- package/lib/inputs/date/helpers.d.ts +14 -0
- package/lib/inputs/date/index.d.ts +10 -0
- package/lib/inputs/date/types.d.ts +53 -0
- package/lib/inputs/inputHOC.d.ts +11 -0
- package/lib/inputs/mask/BaseMask.d.ts +12 -0
- package/lib/inputs/mask/Cnpj.d.ts +12 -0
- package/lib/inputs/mask/Cnpj.js +3 -1
- package/lib/inputs/mask/Cpf.d.ts +12 -0
- package/lib/inputs/mask/Cpf.js +5 -2
- package/lib/inputs/mask/Phone.d.ts +9 -0
- package/lib/inputs/mask/ZipCode.d.ts +9 -0
- package/lib/inputs/mask/helpers.d.ts +14 -0
- package/lib/inputs/mask/imaskHOC.d.ts +14 -0
- package/lib/inputs/mask/imaskHOC.js +9 -10
- package/lib/inputs/mask/index.d.ts +11 -0
- package/lib/inputs/mask/types.d.ts +66 -0
- package/lib/inputs/multiSelect/ActionButtons.d.ts +10 -0
- package/lib/inputs/multiSelect/Dropdown.d.ts +10 -0
- package/lib/inputs/multiSelect/helper.d.ts +9 -0
- package/lib/inputs/multiSelect/index.d.ts +10 -0
- package/lib/inputs/multiSelect/index.js +6 -3
- package/lib/inputs/multiSelect/types.d.ts +49 -0
- package/lib/inputs/number/BaseNumber.d.ts +12 -0
- package/lib/inputs/number/BaseNumber.js +1 -1
- package/lib/inputs/number/Currency.d.ts +12 -0
- package/lib/inputs/number/Decimal.d.ts +12 -0
- package/lib/inputs/number/format_number.d.ts +4 -0
- package/lib/inputs/number/index.d.ts +14 -0
- package/lib/inputs/number/types.d.ts +30 -0
- package/lib/inputs/period/Dialog.d.ts +11 -0
- package/lib/inputs/period/Dropdown.d.ts +11 -0
- package/lib/inputs/period/PeriodList.d.ts +11 -0
- package/lib/inputs/period/helper.d.ts +19 -0
- package/lib/inputs/period/index.d.ts +11 -0
- package/lib/inputs/period/index.js +7 -5
- package/lib/inputs/period/types.d.ts +58 -0
- package/lib/inputs/search/index.d.ts +11 -0
- package/lib/inputs/search/index.js +0 -3
- package/lib/inputs/select/ActionButtons.d.ts +11 -0
- package/lib/inputs/select/Dropdown.d.ts +11 -0
- package/lib/inputs/select/helper.d.ts +25 -0
- package/lib/inputs/select/index.d.ts +10 -0
- package/lib/inputs/select/index.js +3 -1
- package/lib/inputs/select/multiple/Selecteds.d.ts +10 -0
- package/lib/inputs/select/multiple/index.d.ts +10 -0
- package/lib/inputs/select/simple/index.d.ts +10 -0
- package/lib/inputs/select/simple/index.js +19 -1
- package/lib/inputs/select/types.d.ts +98 -0
- package/lib/inputs/text/index.d.ts +11 -0
- package/lib/inputs/text/types.d.ts +25 -0
- package/lib/inputs/textarea/index.d.ts +9 -0
- package/lib/inputs/textarea/types.d.ts +13 -0
- package/lib/inputs/types.d.ts +146 -0
- package/lib/internals/colorStyles.d.ts +9 -0
- package/lib/internals/constants.d.ts +11 -0
- package/lib/internals/types.d.ts +21 -0
- package/lib/internals/withTooltip.d.ts +11 -0
- package/lib/labelMessages/index.d.ts +7 -0
- package/lib/labelMessages/types.d.ts +18 -0
- package/lib/labels/DangerLabel.d.ts +9 -0
- package/lib/labels/DefaultLabel.d.ts +12 -0
- package/lib/labels/DefaultLabel.js +1 -1
- package/lib/labels/InfoLabel.d.ts +9 -0
- package/lib/labels/PrimaryLabel.d.ts +9 -0
- package/lib/labels/SuccessLabel.d.ts +9 -0
- package/lib/labels/WarningLabel.d.ts +9 -0
- package/lib/labels/index.d.ts +13 -0
- package/lib/labels/label_container/index.d.ts +12 -0
- package/lib/labels/types.d.ts +24 -0
- package/lib/list/Header.d.ts +7 -0
- package/lib/list/Item.d.ts +7 -0
- package/lib/list/Item.js +8 -6
- package/lib/list/Separator.d.ts +3 -0
- package/lib/list/helpers.d.ts +12 -0
- package/lib/list/helpers.js +8 -3
- package/lib/list/index.d.ts +10 -0
- package/lib/list/index.js +87 -18
- package/lib/list/types.d.ts +64 -0
- package/lib/menus/float/MenuItem.d.ts +7 -0
- package/lib/menus/float/helpers.d.ts +7 -0
- package/lib/menus/float/index.d.ts +8 -0
- package/lib/menus/float/types.d.ts +27 -0
- package/lib/menus/index.d.ts +6 -0
- package/lib/menus/sidenav/ExpandMenu.d.ts +10 -0
- package/lib/menus/sidenav/MenuLink.d.ts +13 -0
- package/lib/menus/sidenav/NavMenuGroup.d.ts +10 -0
- package/lib/menus/sidenav/NavMenuItem.d.ts +13 -0
- package/lib/menus/sidenav/NavMenuItem.js +1 -1
- package/lib/menus/sidenav/NavSubMenuItem.d.ts +10 -0
- package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
- package/lib/menus/sidenav/helpers.d.ts +12 -0
- package/lib/menus/sidenav/index.d.ts +14 -0
- package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +10 -0
- package/lib/menus/sidenav/popup_menu_search/index.d.ts +10 -0
- package/lib/menus/sidenav/types.d.ts +82 -0
- package/lib/noPermission/index.d.ts +3 -0
- package/lib/panel/Content.d.ts +8 -0
- package/lib/panel/DangerPanel.d.ts +8 -0
- package/lib/panel/Default.d.ts +8 -0
- package/lib/panel/Default.js +1 -1
- package/lib/panel/Header.d.ts +8 -0
- package/lib/panel/InfoPanel.d.ts +8 -0
- package/lib/panel/PrimaryPanel.d.ts +8 -0
- package/lib/panel/SuccessPanel.d.ts +8 -0
- package/lib/panel/ToolBar.d.ts +8 -0
- package/lib/panel/WarningPanel.d.ts +8 -0
- package/lib/panel/helpers.d.ts +4 -0
- package/lib/panel/index.d.ts +13 -0
- package/lib/panel/types.d.ts +4 -0
- package/lib/permissionValidations.d.ts +14 -0
- package/lib/permissionValidations.js +14 -12
- package/lib/popover/PopoverText.d.ts +8 -0
- package/lib/popover/PopoverTitle.d.ts +8 -0
- package/lib/popover/index.d.ts +13 -0
- package/lib/popover/types.d.ts +21 -0
- package/lib/progress/Bar.d.ts +6 -0
- package/lib/progress/index.d.ts +7 -0
- package/lib/progress/types.d.ts +37 -0
- package/lib/radio/index.d.ts +12 -0
- package/lib/radio/index.js +1 -1
- package/lib/radio/types.d.ts +18 -0
- package/lib/skeleton/SkeletonContainer.d.ts +7 -0
- package/lib/skeleton/SkeletonContainer.js +0 -13
- package/lib/skeleton/index.d.ts +8 -0
- package/lib/skeleton/index.js +6 -25
- package/lib/skeleton/types.d.ts +21 -0
- package/lib/skeleton/types.js +5 -0
- package/lib/spinner/SpinnerLoading.d.ts +7 -0
- package/lib/spinner/index.d.ts +7 -0
- package/lib/spinner/types.d.ts +20 -0
- package/lib/split/Split.d.ts +6 -0
- package/lib/split/SplitSide.d.ts +6 -0
- package/lib/split/helpers.d.ts +10 -0
- package/lib/split/index.d.ts +5 -0
- package/lib/split/types.d.ts +34 -0
- package/lib/table/Body.d.ts +6 -0
- package/lib/table/Header.d.ts +6 -0
- package/lib/table/Header.js +34 -6
- package/lib/table/HeaderColumn.d.ts +6 -0
- package/lib/table/HeaderColumn.js +1 -1
- package/lib/table/Row.d.ts +6 -0
- package/lib/table/Row.js +4 -9
- package/lib/table/RowColumn.d.ts +6 -0
- package/lib/table/RowColumn.js +2 -2
- package/lib/table/helpers.d.ts +8 -0
- package/lib/table/index.d.ts +11 -0
- package/lib/table/types.d.ts +84 -0
- package/lib/tabs/DropdownItems.d.ts +9 -0
- package/lib/tabs/Menu.d.ts +9 -0
- package/lib/tabs/MenuItems.d.ts +9 -0
- package/lib/tabs/MenuItems.js +1 -1
- package/lib/tabs/Panel.d.ts +9 -0
- package/lib/tabs/Panel.js +1 -1
- package/lib/tabs/index.d.ts +10 -0
- package/lib/tabs/tabHelpers.d.ts +21 -0
- package/lib/tabs/types.d.ts +63 -0
- package/lib/toolbar/ButtonBar.d.ts +10 -0
- package/lib/toolbar/LabelBar.d.ts +10 -0
- package/lib/toolbar/LabelBar.js +1 -1
- package/lib/toolbar/Separator.d.ts +3 -0
- package/lib/toolbar/ToolBarGroup.d.ts +10 -0
- package/lib/toolbar/helpers.d.ts +10 -0
- package/lib/toolbar/index.d.ts +14 -0
- package/lib/toolbar/index.js +2 -3
- package/lib/toolbar/types.d.ts +43 -0
- package/lib/tooltip/index.d.ts +6 -0
- package/lib/tooltip/types.d.ts +16 -0
- package/lib/treeview/Header.d.ts +7 -0
- package/lib/treeview/Node.d.ts +7 -0
- package/lib/treeview/Node.js +30 -18
- package/lib/treeview/constants.d.ts +7 -0
- package/lib/treeview/constants.js +0 -1
- package/lib/treeview/index.d.ts +9 -0
- package/lib/treeview/index.js +28 -21
- package/lib/treeview/types.d.ts +104 -0
- package/lib/types-3c6f1c20.d.ts +46 -0
- package/lib/uitour/helpers.d.ts +8 -0
- package/lib/uitour/index.d.ts +6 -0
- package/lib/uitour/index.js +11 -28
- package/lib/uitour/types.d.ts +30 -0
- package/lib/uitour/types.js +5 -0
- package/package.json +15 -5
- package/tsconfig.json +24 -9
- package/tsup.config.ts +10 -0
- package/images.d.ts +0 -3
- package/lib/alerts/alert.spec.js +0 -137
- package/lib/assets/styles/treetable.scss +0 -100
- package/lib/avatar/avatar.spec.js +0 -192
- package/lib/badge/badge.spec.js +0 -127
- package/lib/buttons/buttons.spec.js +0 -504
- package/lib/calendar/calendar.spec.js +0 -173
- package/lib/checkbox/checkbox.spec.js +0 -216
- package/lib/dialog/dialog.spec.js +0 -492
- package/lib/drawer/Drawer.spec.js +0 -261
- package/lib/dropdown/dropdown.spec.js +0 -181
- package/lib/fieldset/fieldset.spec.js +0 -329
- package/lib/form/form.spec.js +0 -295
- package/lib/gridlayout/gridLayout.spec.js +0 -169
- package/lib/icons/icons.spec.js +0 -86
- package/lib/inputs/base/base.spec.js +0 -691
- package/lib/inputs/color/color_input.spec.js +0 -174
- package/lib/inputs/date/date.spec.js +0 -352
- package/lib/inputs/mask/input_mask.spec.js +0 -584
- package/lib/inputs/number/numberfield.spec.js +0 -216
- package/lib/inputs/search/search_input.spec.js +0 -215
- package/lib/inputs/select/select.spec.js +0 -408
- package/lib/inputs/text/textfield.spec.js +0 -215
- package/lib/inputs/textarea/textarea.spec.js +0 -59
- package/lib/labelMessages/labelMessages.spec.js +0 -176
- package/lib/labels/label.spec.js +0 -162
- package/lib/list/list.spec.js +0 -739
- package/lib/menus/float/float-menu.spec.js +0 -227
- package/lib/menus/sidenav/sidenav.spec.js +0 -383
- package/lib/panel/panel.spec.js +0 -216
- package/lib/popover/popover.spec.js +0 -146
- package/lib/progress/progress.spec.js +0 -94
- package/lib/radio/radio.spec.js +0 -191
- package/lib/spinner/spinner.spec.js +0 -156
- package/lib/split/split.spec.js +0 -168
- package/lib/table/table.spec.js +0 -353
- package/lib/tabs/tabs.spec.js +0 -314
- package/lib/toolbar/toolbar.spec.js +0 -394
- package/lib/tooltip/tooltip.spec.js +0 -222
- package/lib/treetable/Body.js +0 -64
- package/lib/treetable/Header.js +0 -37
- package/lib/treetable/Row.js +0 -317
- package/lib/treetable/helpers.js +0 -51
- package/lib/treetable/index.js +0 -35
- package/lib/treeview/treeview.spec.js +0 -289
- package/lib/uitour/uitour.spec.js +0 -176
package/lib/list/list.spec.js
DELETED
|
@@ -1,739 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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 _reactRouterDom = require("react-router-dom");
|
|
12
|
-
|
|
13
|
-
var _index = _interopRequireWildcard(require("./index"));
|
|
14
|
-
|
|
15
|
-
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
16
|
-
|
|
17
|
-
var _icons = _interopRequireDefault(require("../icons"));
|
|
18
|
-
|
|
19
|
-
var _storageMock = _interopRequireWildcard(require("../../../config/jest/storageMock"));
|
|
20
|
-
|
|
21
|
-
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); }
|
|
22
|
-
|
|
23
|
-
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; }
|
|
24
|
-
|
|
25
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
26
|
-
|
|
27
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
28
|
-
|
|
29
|
-
describe('Components', function () {
|
|
30
|
-
// O componente BrowserRouter foi adicionado devido a thread:
|
|
31
|
-
// https://stackoverflow.com/questions/48640280/you-should-not-use-link-outside-a-router
|
|
32
|
-
var list = function list(listProps, listHeaderProps, listItemProps) {
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_index.default, listProps, /*#__PURE__*/_react.default.createElement(_index.ListHeader, _extends({
|
|
34
|
-
title: "defaut"
|
|
35
|
-
}, listHeaderProps), /*#__PURE__*/_react.default.createElement("p", {
|
|
36
|
-
className: "listheader-child"
|
|
37
|
-
}, "saas")), /*#__PURE__*/_react.default.createElement(_index.ListItem, _extends({
|
|
38
|
-
itemId: "1"
|
|
39
|
-
}, listItemProps), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
40
|
-
customClass: "childbuttontest",
|
|
41
|
-
label: "Teste Child"
|
|
42
|
-
})), /*#__PURE__*/_react.default.createElement(_index.ListItem, _extends({
|
|
43
|
-
itemId: "2"
|
|
44
|
-
}, listItemProps), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
45
|
-
customClass: "childbuttontest",
|
|
46
|
-
label: "Teste Child 2"
|
|
47
|
-
}))));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
var setSessionStorageMock = function setSessionStorageMock() {
|
|
51
|
-
Object.defineProperty(window, 'sessionStorage', {
|
|
52
|
-
value: (0, _storageMock.default)()
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
describe('List', function () {
|
|
57
|
-
it('should render correctly', function () {
|
|
58
|
-
var _render = (0, _react2.render)(list()),
|
|
59
|
-
container = _render.container;
|
|
60
|
-
|
|
61
|
-
expect(container.firstChild).toHaveClass('list-component');
|
|
62
|
-
});
|
|
63
|
-
it('prop transparent should remove css class -listbackground', function () {
|
|
64
|
-
var _render2 = (0, _react2.render)(list({
|
|
65
|
-
transparent: true
|
|
66
|
-
})),
|
|
67
|
-
container = _render2.container;
|
|
68
|
-
|
|
69
|
-
expect(container.firstChild).not.toHaveClass('-listbackground');
|
|
70
|
-
});
|
|
71
|
-
it('should apply customClass', function () {
|
|
72
|
-
var customClass = 'teste';
|
|
73
|
-
|
|
74
|
-
var _render3 = (0, _react2.render)(list({
|
|
75
|
-
customClass: customClass
|
|
76
|
-
})),
|
|
77
|
-
container = _render3.container;
|
|
78
|
-
|
|
79
|
-
expect(container.firstChild).toHaveClass(customClass);
|
|
80
|
-
});
|
|
81
|
-
it('prop condensed should apply css class -condensed', function () {
|
|
82
|
-
var _render4 = (0, _react2.render)(list({
|
|
83
|
-
condensed: true
|
|
84
|
-
})),
|
|
85
|
-
container = _render4.container;
|
|
86
|
-
|
|
87
|
-
expect(container.firstChild).toHaveClass('-condensed');
|
|
88
|
-
});
|
|
89
|
-
it('should apply style', function () {
|
|
90
|
-
var style = {
|
|
91
|
-
marginTop: '10px',
|
|
92
|
-
paddingBottom: '2px'
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
var _render5 = (0, _react2.render)(list({
|
|
96
|
-
style: style
|
|
97
|
-
})),
|
|
98
|
-
container = _render5.container;
|
|
99
|
-
|
|
100
|
-
expect(container.firstChild).toHaveStyle(style);
|
|
101
|
-
});
|
|
102
|
-
it('should select item by id', function () {
|
|
103
|
-
var _render6 = (0, _react2.render)(list({
|
|
104
|
-
selectable: true,
|
|
105
|
-
onSelectItem: jest.fn(),
|
|
106
|
-
selectedItemId: '1'
|
|
107
|
-
})),
|
|
108
|
-
container = _render6.container;
|
|
109
|
-
|
|
110
|
-
var listItem = container.querySelector('.item-container');
|
|
111
|
-
expect(listItem).toHaveClass('-activedlist');
|
|
112
|
-
});
|
|
113
|
-
it('should select next item when pressed arrow down', function () {
|
|
114
|
-
var _render7 = (0, _react2.render)(list({
|
|
115
|
-
selectable: true,
|
|
116
|
-
onSelectItem: jest.fn()
|
|
117
|
-
})),
|
|
118
|
-
container = _render7.container;
|
|
119
|
-
|
|
120
|
-
var listComponent = container.querySelector('.list-component');
|
|
121
|
-
|
|
122
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
123
|
-
key: 'ArrowDown',
|
|
124
|
-
code: 'ArrowDown',
|
|
125
|
-
keyCode: 40
|
|
126
|
-
});
|
|
127
|
-
|
|
128
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
129
|
-
key: 'ArrowDown',
|
|
130
|
-
code: 'ArrowDown',
|
|
131
|
-
keyCode: 40
|
|
132
|
-
});
|
|
133
|
-
|
|
134
|
-
expect(container.querySelectorAll('.item-container')[1]).toHaveClass('-activedlist');
|
|
135
|
-
});
|
|
136
|
-
it('should select previous item when pressed arrow down', function () {
|
|
137
|
-
var _render8 = (0, _react2.render)(list({
|
|
138
|
-
selectable: true,
|
|
139
|
-
onSelectItem: jest.fn()
|
|
140
|
-
})),
|
|
141
|
-
container = _render8.container;
|
|
142
|
-
|
|
143
|
-
var listComponent = container.querySelector('.list-component');
|
|
144
|
-
|
|
145
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
146
|
-
key: 'ArrowDown',
|
|
147
|
-
code: 'ArrowDown',
|
|
148
|
-
keyCode: 40
|
|
149
|
-
});
|
|
150
|
-
|
|
151
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
152
|
-
key: 'ArrowDown',
|
|
153
|
-
code: 'ArrowDown',
|
|
154
|
-
keyCode: 40
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
158
|
-
key: 'ArrowUp',
|
|
159
|
-
code: 'ArrowUp',
|
|
160
|
-
keyCode: 38
|
|
161
|
-
});
|
|
162
|
-
|
|
163
|
-
expect(container.querySelectorAll('.item-container')[0]).toHaveClass('-activedlist');
|
|
164
|
-
});
|
|
165
|
-
it('should select last item when pressed arrow up at first item', function () {
|
|
166
|
-
var _render9 = (0, _react2.render)(list({
|
|
167
|
-
selectable: true,
|
|
168
|
-
onSelectItem: jest.fn()
|
|
169
|
-
})),
|
|
170
|
-
container = _render9.container;
|
|
171
|
-
|
|
172
|
-
var listComponent = container.querySelector('.list-component');
|
|
173
|
-
|
|
174
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
175
|
-
key: 'ArrowDown',
|
|
176
|
-
code: 'ArrowDown',
|
|
177
|
-
keyCode: 40
|
|
178
|
-
});
|
|
179
|
-
|
|
180
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
181
|
-
key: 'ArrowUp',
|
|
182
|
-
code: 'ArrowUp',
|
|
183
|
-
keyCode: 38
|
|
184
|
-
});
|
|
185
|
-
|
|
186
|
-
expect(container.querySelectorAll('.item-container')[1]).toHaveClass('-activedlist');
|
|
187
|
-
});
|
|
188
|
-
it('should select first item when pressed arrow down at last item', function () {
|
|
189
|
-
var _render10 = (0, _react2.render)(list({
|
|
190
|
-
selectable: true,
|
|
191
|
-
onSelectItem: jest.fn()
|
|
192
|
-
})),
|
|
193
|
-
container = _render10.container;
|
|
194
|
-
|
|
195
|
-
var listComponent = container.querySelector('.list-component');
|
|
196
|
-
|
|
197
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
198
|
-
key: 'ArrowDown',
|
|
199
|
-
code: 'ArrowDown',
|
|
200
|
-
keyCode: 40
|
|
201
|
-
});
|
|
202
|
-
|
|
203
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
204
|
-
key: 'ArrowDown',
|
|
205
|
-
code: 'ArrowDown',
|
|
206
|
-
keyCode: 40
|
|
207
|
-
});
|
|
208
|
-
|
|
209
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
210
|
-
key: 'ArrowDown',
|
|
211
|
-
code: 'ArrowDown',
|
|
212
|
-
keyCode: 40
|
|
213
|
-
});
|
|
214
|
-
|
|
215
|
-
expect(container.querySelectorAll('.item-container')[0]).toHaveClass('-activedlist');
|
|
216
|
-
});
|
|
217
|
-
it('should fire event when press Enter key', function () {
|
|
218
|
-
var mockOnSelectItem = jest.fn();
|
|
219
|
-
var itemId = '1';
|
|
220
|
-
|
|
221
|
-
var _render11 = (0, _react2.render)(list({
|
|
222
|
-
selectable: true,
|
|
223
|
-
onSelectItem: mockOnSelectItem
|
|
224
|
-
})),
|
|
225
|
-
container = _render11.container;
|
|
226
|
-
|
|
227
|
-
var listComponent = container.querySelector('.list-component');
|
|
228
|
-
|
|
229
|
-
_react2.fireEvent.keyDown(listComponent, {
|
|
230
|
-
key: 'ArrowDown',
|
|
231
|
-
code: 'ArrowDown',
|
|
232
|
-
keyCode: 40
|
|
233
|
-
});
|
|
234
|
-
|
|
235
|
-
var listItem = container.querySelector('.list-component .item-container.-activedlist');
|
|
236
|
-
|
|
237
|
-
_react2.fireEvent.keyDown(listItem, {
|
|
238
|
-
key: 'Enter',
|
|
239
|
-
code: 'Enter',
|
|
240
|
-
keyCode: 13
|
|
241
|
-
});
|
|
242
|
-
|
|
243
|
-
expect(mockOnSelectItem).toHaveBeenCalledWith(itemId);
|
|
244
|
-
});
|
|
245
|
-
describe('prop selectable', function () {
|
|
246
|
-
it('should allow ListItem to be selected', function () {
|
|
247
|
-
var listItemProps = {
|
|
248
|
-
onClick: jest.fn()
|
|
249
|
-
};
|
|
250
|
-
|
|
251
|
-
var _render12 = (0, _react2.render)(list({
|
|
252
|
-
selectable: true,
|
|
253
|
-
selectedItemId: '1'
|
|
254
|
-
}, {}, listItemProps)),
|
|
255
|
-
container = _render12.container;
|
|
256
|
-
|
|
257
|
-
var listItem = container.querySelector('.item-container');
|
|
258
|
-
|
|
259
|
-
_react2.fireEvent.click(listItem);
|
|
260
|
-
|
|
261
|
-
expect(listItem).toHaveClass('-activedlist');
|
|
262
|
-
});
|
|
263
|
-
it('should call onSelectItem', function () {
|
|
264
|
-
var mockOnSelectItem = jest.fn();
|
|
265
|
-
|
|
266
|
-
var _render13 = (0, _react2.render)(list({
|
|
267
|
-
selectable: true,
|
|
268
|
-
onSelectItem: mockOnSelectItem
|
|
269
|
-
})),
|
|
270
|
-
container = _render13.container;
|
|
271
|
-
|
|
272
|
-
var listItem = container.querySelector('.item-container');
|
|
273
|
-
|
|
274
|
-
_react2.fireEvent.click(listItem);
|
|
275
|
-
|
|
276
|
-
expect(mockOnSelectItem).toHaveBeenCalledWith('1');
|
|
277
|
-
});
|
|
278
|
-
});
|
|
279
|
-
});
|
|
280
|
-
describe('ListHeader', function () {
|
|
281
|
-
it('should render correctly', function () {
|
|
282
|
-
var _render14 = (0, _react2.render)(list()),
|
|
283
|
-
container = _render14.container;
|
|
284
|
-
|
|
285
|
-
expect(container.querySelector('.list-header')).toBeTruthy();
|
|
286
|
-
});
|
|
287
|
-
it('should apply title', function () {
|
|
288
|
-
var title = 'Teste Header';
|
|
289
|
-
|
|
290
|
-
var _render15 = (0, _react2.render)(list({}, {
|
|
291
|
-
title: title
|
|
292
|
-
})),
|
|
293
|
-
container = _render15.container;
|
|
294
|
-
|
|
295
|
-
var listHeaderTitle = container.querySelector('.list-header > .title');
|
|
296
|
-
expect(listHeaderTitle).toBeTruthy();
|
|
297
|
-
expect(listHeaderTitle).toHaveTextContent(title);
|
|
298
|
-
});
|
|
299
|
-
it('should apply style', function () {
|
|
300
|
-
var style = {
|
|
301
|
-
marginTop: '10px',
|
|
302
|
-
paddingBottom: '2px'
|
|
303
|
-
};
|
|
304
|
-
|
|
305
|
-
var _render16 = (0, _react2.render)(list({}, {
|
|
306
|
-
style: style
|
|
307
|
-
})),
|
|
308
|
-
container = _render16.container;
|
|
309
|
-
|
|
310
|
-
var listHeader = container.querySelector('.list-header');
|
|
311
|
-
expect(listHeader).toHaveStyle(style);
|
|
312
|
-
});
|
|
313
|
-
it('should apply customClass', function () {
|
|
314
|
-
var customClass = 'teste-listheader';
|
|
315
|
-
|
|
316
|
-
var _render17 = (0, _react2.render)(list({}, {
|
|
317
|
-
customClass: customClass
|
|
318
|
-
})),
|
|
319
|
-
container = _render17.container;
|
|
320
|
-
|
|
321
|
-
var listHeader = container.querySelector('.list-header');
|
|
322
|
-
expect(listHeader).toHaveClass(customClass);
|
|
323
|
-
});
|
|
324
|
-
it('should render children', function () {
|
|
325
|
-
var _render18 = (0, _react2.render)(list()),
|
|
326
|
-
container = _render18.container;
|
|
327
|
-
|
|
328
|
-
var listHeaderChild = container.querySelector('.list-header > .listheader-child');
|
|
329
|
-
expect(listHeaderChild).toBeTruthy();
|
|
330
|
-
});
|
|
331
|
-
});
|
|
332
|
-
describe('ListItem', function () {
|
|
333
|
-
it('should render correctly', function () {
|
|
334
|
-
var _render19 = (0, _react2.render)(list()),
|
|
335
|
-
container = _render19.container;
|
|
336
|
-
|
|
337
|
-
var listItem = container.querySelector('.item-container');
|
|
338
|
-
expect(listItem).toBeTruthy();
|
|
339
|
-
});
|
|
340
|
-
it('should apply text', function () {
|
|
341
|
-
var text = 'Teste Item 1';
|
|
342
|
-
|
|
343
|
-
var _render20 = (0, _react2.render)(list({}, {}, {
|
|
344
|
-
text: text
|
|
345
|
-
})),
|
|
346
|
-
container = _render20.container;
|
|
347
|
-
|
|
348
|
-
var listItemText = container.querySelector('.item-container .text');
|
|
349
|
-
expect(listItemText).toBeTruthy();
|
|
350
|
-
expect(listItemText).toHaveTextContent(text);
|
|
351
|
-
});
|
|
352
|
-
it('should apply subtext', function () {
|
|
353
|
-
var subText = 'Teste Item 1';
|
|
354
|
-
|
|
355
|
-
var _render21 = (0, _react2.render)(list({}, {}, {
|
|
356
|
-
subText: subText
|
|
357
|
-
})),
|
|
358
|
-
container = _render21.container;
|
|
359
|
-
|
|
360
|
-
var listItemSubText = container.querySelector('.item-container .subtext');
|
|
361
|
-
expect(listItemSubText).toBeTruthy();
|
|
362
|
-
expect(listItemSubText).toHaveTextContent(subText);
|
|
363
|
-
});
|
|
364
|
-
it('should apply style', function () {
|
|
365
|
-
var style = {
|
|
366
|
-
marginTop: '10px',
|
|
367
|
-
paddingBottom: '2px'
|
|
368
|
-
};
|
|
369
|
-
|
|
370
|
-
var _render22 = (0, _react2.render)(list({}, {}, {
|
|
371
|
-
style: style
|
|
372
|
-
})),
|
|
373
|
-
container = _render22.container;
|
|
374
|
-
|
|
375
|
-
var listItem = container.querySelector('.item-container');
|
|
376
|
-
expect(listItem).toHaveStyle(style);
|
|
377
|
-
});
|
|
378
|
-
describe('prop separator', function () {
|
|
379
|
-
var separator = true;
|
|
380
|
-
it('apply list-separator css class to text/subtext/children container', function () {
|
|
381
|
-
var _render23 = (0, _react2.render)(list({}, {}, {
|
|
382
|
-
text: 'Teste',
|
|
383
|
-
separator: separator
|
|
384
|
-
})),
|
|
385
|
-
container = _render23.container;
|
|
386
|
-
|
|
387
|
-
var listItemTextContainer = container.querySelector('.item-container .item');
|
|
388
|
-
expect(listItemTextContainer).toHaveClass('list-separator');
|
|
389
|
-
});
|
|
390
|
-
it('apply list-separator css class to leftIcon/leftElement container', function () {
|
|
391
|
-
var _render24 = (0, _react2.render)(list({}, {}, {
|
|
392
|
-
leftIconName: 'pencil',
|
|
393
|
-
separator: separator
|
|
394
|
-
})),
|
|
395
|
-
container = _render24.container;
|
|
396
|
-
|
|
397
|
-
var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
|
|
398
|
-
expect(listItemLeftElContainer).toHaveClass('list-separator');
|
|
399
|
-
});
|
|
400
|
-
it('apply list-separator css class to rightIcon/rightElement container', function () {
|
|
401
|
-
var _render25 = (0, _react2.render)(list({}, {}, {
|
|
402
|
-
rightIconName: 'pencil',
|
|
403
|
-
separator: separator
|
|
404
|
-
})),
|
|
405
|
-
container = _render25.container;
|
|
406
|
-
|
|
407
|
-
var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
|
|
408
|
-
expect(listItemRightElContainer).toHaveClass('list-separator');
|
|
409
|
-
});
|
|
410
|
-
});
|
|
411
|
-
it('prop hovered should apply css class hovered ', function () {
|
|
412
|
-
var _render26 = (0, _react2.render)(list({}, {}, {
|
|
413
|
-
hovered: true
|
|
414
|
-
})),
|
|
415
|
-
container = _render26.container;
|
|
416
|
-
|
|
417
|
-
var listItem = container.querySelector('.item-container');
|
|
418
|
-
expect(listItem).toHaveClass('hovered');
|
|
419
|
-
});
|
|
420
|
-
describe('prop disabled', function () {
|
|
421
|
-
var disabled = true;
|
|
422
|
-
it('should disable onClick event', function () {
|
|
423
|
-
var mockFunc = jest.fn();
|
|
424
|
-
|
|
425
|
-
var _render27 = (0, _react2.render)(list({}, {}, {
|
|
426
|
-
disabled: disabled,
|
|
427
|
-
onClick: mockFunc
|
|
428
|
-
})),
|
|
429
|
-
container = _render27.container;
|
|
430
|
-
|
|
431
|
-
var listItem = container.querySelector('.item-container');
|
|
432
|
-
|
|
433
|
-
_react2.fireEvent.click(listItem);
|
|
434
|
-
|
|
435
|
-
expect(mockFunc).not.toBeCalled();
|
|
436
|
-
});
|
|
437
|
-
it('apply disabled css class to text/subtext/children container', function () {
|
|
438
|
-
var _render28 = (0, _react2.render)(list({}, {}, {
|
|
439
|
-
text: 'Teste',
|
|
440
|
-
disabled: disabled
|
|
441
|
-
})),
|
|
442
|
-
container = _render28.container;
|
|
443
|
-
|
|
444
|
-
var listItemTextContainer = container.querySelector('.item-container .item');
|
|
445
|
-
expect(listItemTextContainer).toHaveClass('disabled');
|
|
446
|
-
});
|
|
447
|
-
it('apply disabled css class to leftIcon/leftElement container', function () {
|
|
448
|
-
var _render29 = (0, _react2.render)(list({}, {}, {
|
|
449
|
-
leftIconName: 'pencil',
|
|
450
|
-
disabled: disabled
|
|
451
|
-
})),
|
|
452
|
-
container = _render29.container;
|
|
453
|
-
|
|
454
|
-
var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
|
|
455
|
-
expect(listItemLeftElContainer).toHaveClass('disabled');
|
|
456
|
-
});
|
|
457
|
-
it('apply disabled css class to rightIcon/rightElement container', function () {
|
|
458
|
-
var _render30 = (0, _react2.render)(list({}, {}, {
|
|
459
|
-
rightIconName: 'pencil',
|
|
460
|
-
disabled: disabled
|
|
461
|
-
})),
|
|
462
|
-
container = _render30.container;
|
|
463
|
-
|
|
464
|
-
var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
|
|
465
|
-
expect(listItemRightElContainer).toHaveClass('disabled');
|
|
466
|
-
});
|
|
467
|
-
it('should hide url', function () {
|
|
468
|
-
var _render31 = (0, _react2.render)(list({}, {}, {
|
|
469
|
-
disabled: disabled,
|
|
470
|
-
url: 'saas'
|
|
471
|
-
})),
|
|
472
|
-
container = _render31.container;
|
|
473
|
-
|
|
474
|
-
var linkitem = container.querySelector('.linkitem');
|
|
475
|
-
expect(linkitem).not.toBeInTheDocument();
|
|
476
|
-
});
|
|
477
|
-
});
|
|
478
|
-
it('prop displayCheckbox should render Checkbox within subject', function () {
|
|
479
|
-
var _render32 = (0, _react2.render)(list({}, {}, {
|
|
480
|
-
displayCheckbox: true
|
|
481
|
-
})),
|
|
482
|
-
container = _render32.container;
|
|
483
|
-
|
|
484
|
-
var checkboxComponent = container.querySelector('.item-container .item.-icon-left .checkbox-component input');
|
|
485
|
-
expect(checkboxComponent).toBeTruthy();
|
|
486
|
-
expect(checkboxComponent.name).toEqual('checkbox');
|
|
487
|
-
});
|
|
488
|
-
it('should render leftElement', function () {
|
|
489
|
-
var leftElement = /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
490
|
-
customClass: "leftElTeste"
|
|
491
|
-
});
|
|
492
|
-
|
|
493
|
-
var _render33 = (0, _react2.render)(list({}, {}, {
|
|
494
|
-
leftElement: leftElement
|
|
495
|
-
})),
|
|
496
|
-
container = _render33.container;
|
|
497
|
-
|
|
498
|
-
var leftElementHTML = container.querySelector('.item-container .item.-icon-left .leftElTeste');
|
|
499
|
-
expect(leftElementHTML).toBeTruthy();
|
|
500
|
-
});
|
|
501
|
-
it('should render rightElement', function () {
|
|
502
|
-
var rightElement = /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
503
|
-
customClass: "rightElTeste"
|
|
504
|
-
});
|
|
505
|
-
|
|
506
|
-
var _render34 = (0, _react2.render)(list({}, {}, {
|
|
507
|
-
rightElement: rightElement
|
|
508
|
-
})),
|
|
509
|
-
container = _render34.container;
|
|
510
|
-
|
|
511
|
-
var rightElementHTML = container.querySelector('.item-container .item.-icon-right .rightElTeste');
|
|
512
|
-
expect(rightElementHTML).toBeTruthy();
|
|
513
|
-
});
|
|
514
|
-
it('should render leftIcon', function () {
|
|
515
|
-
var leftIcon = /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
516
|
-
name: "code",
|
|
517
|
-
customClass: "iconTeste",
|
|
518
|
-
size: 24,
|
|
519
|
-
color: "#000"
|
|
520
|
-
});
|
|
521
|
-
|
|
522
|
-
var _render35 = (0, _react2.render)(list({}, {}, {
|
|
523
|
-
leftIcon: leftIcon
|
|
524
|
-
})),
|
|
525
|
-
container = _render35.container;
|
|
526
|
-
|
|
527
|
-
var leftIconHTML = container.querySelector('.item-container .item.-icon-left .icon-component.iconTeste');
|
|
528
|
-
expect(leftIconHTML).toBeTruthy();
|
|
529
|
-
});
|
|
530
|
-
it('should render rightIcon', function () {
|
|
531
|
-
var rightIcon = /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
532
|
-
name: "code",
|
|
533
|
-
customClass: "iconTeste",
|
|
534
|
-
size: 24,
|
|
535
|
-
color: "#000"
|
|
536
|
-
});
|
|
537
|
-
|
|
538
|
-
var _render36 = (0, _react2.render)(list({}, {}, {
|
|
539
|
-
rightIcon: rightIcon
|
|
540
|
-
})),
|
|
541
|
-
container = _render36.container;
|
|
542
|
-
|
|
543
|
-
var rightIconHTML = container.querySelector('.item-container .item.-icon-right .icon-component.iconTeste');
|
|
544
|
-
expect(rightIconHTML).toBeTruthy();
|
|
545
|
-
});
|
|
546
|
-
it('prop leftIconName should render Icon', function () {
|
|
547
|
-
var _render37 = (0, _react2.render)(list({}, {}, {
|
|
548
|
-
leftIconName: 'code'
|
|
549
|
-
})),
|
|
550
|
-
container = _render37.container;
|
|
551
|
-
|
|
552
|
-
var leftIcon = container.querySelector('.item-container .item.-icon-left .icon-component');
|
|
553
|
-
expect(leftIcon).toBeTruthy();
|
|
554
|
-
});
|
|
555
|
-
it('prop rightIconName should render Icon', function () {
|
|
556
|
-
var _render38 = (0, _react2.render)(list({}, {}, {
|
|
557
|
-
rightIconName: 'code'
|
|
558
|
-
})),
|
|
559
|
-
container = _render38.container;
|
|
560
|
-
|
|
561
|
-
var rightIcon = container.querySelector('.item-container .item.-icon-right .icon-component');
|
|
562
|
-
expect(rightIcon).toBeTruthy();
|
|
563
|
-
});
|
|
564
|
-
it('should apply onClick', function () {
|
|
565
|
-
var mockFunc = jest.fn();
|
|
566
|
-
var listItemId = '1';
|
|
567
|
-
|
|
568
|
-
var mockList = /*#__PURE__*/_react.default.createElement(_index.default, null, /*#__PURE__*/_react.default.createElement(_index.ListItem, {
|
|
569
|
-
itemId: listItemId,
|
|
570
|
-
text: "Teste Foo",
|
|
571
|
-
onClick: function onClick(_, itemId) {
|
|
572
|
-
return mockFunc(itemId);
|
|
573
|
-
}
|
|
574
|
-
}));
|
|
575
|
-
|
|
576
|
-
var _render39 = (0, _react2.render)(mockList),
|
|
577
|
-
container = _render39.container;
|
|
578
|
-
|
|
579
|
-
var listItem = container.querySelector('.item-container');
|
|
580
|
-
|
|
581
|
-
_react2.fireEvent.click(listItem);
|
|
582
|
-
|
|
583
|
-
expect(mockFunc).toBeCalledWith(listItemId);
|
|
584
|
-
});
|
|
585
|
-
describe('prop customClass', function () {
|
|
586
|
-
var customClass = 'customclassTeste';
|
|
587
|
-
it('apply customClass css class to text/subtext/children container', function () {
|
|
588
|
-
var _render40 = (0, _react2.render)(list({}, {}, {
|
|
589
|
-
text: 'Teste',
|
|
590
|
-
customClass: customClass
|
|
591
|
-
})),
|
|
592
|
-
container = _render40.container;
|
|
593
|
-
|
|
594
|
-
var listItemTextContainer = container.querySelector('.item-container .item');
|
|
595
|
-
expect(listItemTextContainer).toHaveClass(customClass);
|
|
596
|
-
});
|
|
597
|
-
it('apply customClass css class to leftIcon/leftElement container', function () {
|
|
598
|
-
var _render41 = (0, _react2.render)(list({}, {}, {
|
|
599
|
-
leftIconName: 'pencil',
|
|
600
|
-
customClass: customClass
|
|
601
|
-
})),
|
|
602
|
-
container = _render41.container;
|
|
603
|
-
|
|
604
|
-
var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
|
|
605
|
-
expect(listItemLeftElContainer).toHaveClass(customClass);
|
|
606
|
-
});
|
|
607
|
-
it('apply customClass css class to rightIcon/rightElement container', function () {
|
|
608
|
-
var _render42 = (0, _react2.render)(list({}, {}, {
|
|
609
|
-
rightIconName: 'pencil',
|
|
610
|
-
customClass: customClass
|
|
611
|
-
})),
|
|
612
|
-
container = _render42.container;
|
|
613
|
-
|
|
614
|
-
var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
|
|
615
|
-
expect(listItemRightElContainer).toHaveClass(customClass);
|
|
616
|
-
});
|
|
617
|
-
});
|
|
618
|
-
it('prop url should render Link', function () {
|
|
619
|
-
var _render43 = (0, _react2.render)(list({}, {}, {
|
|
620
|
-
url: 'saas'
|
|
621
|
-
})),
|
|
622
|
-
container = _render43.container;
|
|
623
|
-
|
|
624
|
-
var linkComponent = container.querySelector('.item-container .linkitem');
|
|
625
|
-
expect(linkComponent).toBeTruthy();
|
|
626
|
-
});
|
|
627
|
-
describe('prop visible', function () {
|
|
628
|
-
it('when true(default) should allow subject to render', function () {
|
|
629
|
-
var _render44 = (0, _react2.render)(list({}, {}, {
|
|
630
|
-
visible: true
|
|
631
|
-
})),
|
|
632
|
-
container = _render44.container;
|
|
633
|
-
|
|
634
|
-
var listItem = container.querySelector('.item-container');
|
|
635
|
-
expect(listItem).toBeTruthy();
|
|
636
|
-
});
|
|
637
|
-
it('when false should not let subject render', function () {
|
|
638
|
-
var _render45 = (0, _react2.render)(list({}, {}, {
|
|
639
|
-
visible: false
|
|
640
|
-
})),
|
|
641
|
-
container = _render45.container;
|
|
642
|
-
|
|
643
|
-
var listItem = container.querySelector('.item-container');
|
|
644
|
-
expect(listItem).not.toBeInTheDocument();
|
|
645
|
-
});
|
|
646
|
-
});
|
|
647
|
-
it('should render children', function () {
|
|
648
|
-
var _render46 = (0, _react2.render)(list()),
|
|
649
|
-
container = _render46.container;
|
|
650
|
-
|
|
651
|
-
var listItemButtonChild = container.querySelector('.item-container .childbuttontest');
|
|
652
|
-
expect(listItemButtonChild).toBeTruthy();
|
|
653
|
-
expect(listItemButtonChild).toHaveTextContent('Teste Child');
|
|
654
|
-
});
|
|
655
|
-
describe('prop permissionAttr', function () {
|
|
656
|
-
describe('when permission granted', function () {
|
|
657
|
-
it('should render subject', function () {
|
|
658
|
-
setSessionStorageMock();
|
|
659
|
-
|
|
660
|
-
var _render47 = (0, _react2.render)(list({}, {}, {
|
|
661
|
-
permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
|
|
662
|
-
})),
|
|
663
|
-
container = _render47.container;
|
|
664
|
-
|
|
665
|
-
var listItem = container.querySelector('.item-container');
|
|
666
|
-
expect(listItem).toBeTruthy();
|
|
667
|
-
});
|
|
668
|
-
});
|
|
669
|
-
describe('when permission denied', function () {
|
|
670
|
-
it('onDenied.unvisible option should not render subject', function () {
|
|
671
|
-
setSessionStorageMock();
|
|
672
|
-
|
|
673
|
-
var _render48 = (0, _react2.render)(list({}, {}, {
|
|
674
|
-
permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
|
|
675
|
-
})),
|
|
676
|
-
container = _render48.container;
|
|
677
|
-
|
|
678
|
-
var listItem = container.querySelector('.item-container');
|
|
679
|
-
expect(listItem).not.toBeInTheDocument();
|
|
680
|
-
});
|
|
681
|
-
describe('onDenied.disabled option should', function () {
|
|
682
|
-
var permissionProp = {
|
|
683
|
-
permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled')
|
|
684
|
-
};
|
|
685
|
-
it('disable onClick event', function () {
|
|
686
|
-
var mockFunc = jest.fn();
|
|
687
|
-
|
|
688
|
-
var _render49 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
|
|
689
|
-
onClick: mockFunc
|
|
690
|
-
}))),
|
|
691
|
-
container = _render49.container;
|
|
692
|
-
|
|
693
|
-
var listItem = container.querySelector('.item-container');
|
|
694
|
-
|
|
695
|
-
_react2.fireEvent.click(listItem);
|
|
696
|
-
|
|
697
|
-
expect(mockFunc).not.toBeCalled();
|
|
698
|
-
});
|
|
699
|
-
it('apply disabled css class to text/subtext/children container', function () {
|
|
700
|
-
var _render50 = (0, _react2.render)(list({}, {}, _extends({
|
|
701
|
-
text: 'Teste'
|
|
702
|
-
}, permissionProp))),
|
|
703
|
-
container = _render50.container;
|
|
704
|
-
|
|
705
|
-
var listItemTextContainer = container.querySelector('.item-container .item');
|
|
706
|
-
expect(listItemTextContainer).toHaveClass('disabled');
|
|
707
|
-
});
|
|
708
|
-
it('apply disabled css class to leftIcon/leftElement container', function () {
|
|
709
|
-
var _render51 = (0, _react2.render)(list({}, {}, _extends({
|
|
710
|
-
leftIconName: 'pencil'
|
|
711
|
-
}, permissionProp))),
|
|
712
|
-
container = _render51.container;
|
|
713
|
-
|
|
714
|
-
var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
|
|
715
|
-
expect(listItemLeftElContainer).toHaveClass('disabled');
|
|
716
|
-
});
|
|
717
|
-
it('apply disabled css class to rightIcon/rightElement container', function () {
|
|
718
|
-
var _render52 = (0, _react2.render)(list({}, {}, _extends({
|
|
719
|
-
rightIconName: 'pencil'
|
|
720
|
-
}, permissionProp))),
|
|
721
|
-
container = _render52.container;
|
|
722
|
-
|
|
723
|
-
var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
|
|
724
|
-
expect(listItemRightElContainer).toHaveClass('disabled');
|
|
725
|
-
});
|
|
726
|
-
it('hide url', function () {
|
|
727
|
-
var _render53 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
|
|
728
|
-
url: 'saas'
|
|
729
|
-
}))),
|
|
730
|
-
container = _render53.container;
|
|
731
|
-
|
|
732
|
-
var linkitem = container.querySelector('.linkitem');
|
|
733
|
-
expect(linkitem).not.toBeInTheDocument();
|
|
734
|
-
});
|
|
735
|
-
});
|
|
736
|
-
});
|
|
737
|
-
});
|
|
738
|
-
});
|
|
739
|
-
});
|