linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

package/lib/list/list.spec.js

@@ -1,18 +1,31 @@
 "use strict";
 
-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); }
+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); }
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
+
 require("@testing-library/jest-dom/extend-expect");
+
 var _reactRouterDom = require("react-router-dom");
+
 var _index = _interopRequireWildcard(require("./index"));
+
 var _buttons = _interopRequireDefault(require("../buttons"));
+
 var _icons = _interopRequireDefault(require("../icons"));
+
 var _storageMock = _interopRequireWildcard(require("../../../config/jest/storageMock"));
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
+
+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); }
+
 describe('Components', function () {
   // O componente BrowserRouter foi adicionado devido a thread:
   // https://stackoverflow.com/questions/48640280/you-should-not-use-link-outside-a-router
@@ -33,37 +46,44 @@ describe('Components', function () {
       label: "Teste Child 2"
     }))));
   };
+
   var setSessionStorageMock = function setSessionStorageMock() {
     Object.defineProperty(window, 'sessionStorage', {
       value: (0, _storageMock.default)()
     });
   };
+
   describe('List', function () {
     it('should render correctly', function () {
       var _render = (0, _react2.render)(list()),
-        container = _render.container;
+          container = _render.container;
+
       expect(container.firstChild).toHaveClass('list-component');
     });
     it('prop transparent should remove css class -listbackground', function () {
       var _render2 = (0, _react2.render)(list({
-          transparent: true
-        })),
-        container = _render2.container;
+        transparent: true
+      })),
+          container = _render2.container;
+
       expect(container.firstChild).not.toHaveClass('-listbackground');
     });
     it('should apply customClass', function () {
       var customClass = 'teste';
+
       var _render3 = (0, _react2.render)(list({
-          customClass: customClass
-        })),
-        container = _render3.container;
+        customClass: customClass
+      })),
+          container = _render3.container;
+
       expect(container.firstChild).toHaveClass(customClass);
     });
     it('prop condensed should apply css class -condensed', function () {
       var _render4 = (0, _react2.render)(list({
-          condensed: true
-        })),
-        container = _render4.container;
+        condensed: true
+      })),
+          container = _render4.container;
+
       expect(container.firstChild).toHaveClass('-condensed');
     });
     it('should apply style', function () {
@@ -71,169 +91,237 @@ describe('Components', function () {
         marginTop: '10px',
         paddingBottom: '2px'
       };
+
       var _render5 = (0, _react2.render)(list({
-          style: style
-        })),
-        container = _render5.container;
+        style: style
+      })),
+          container = _render5.container;
+
       expect(container.firstChild).toHaveStyle(style);
     });
     it('should select item by id', function () {
       var _render6 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: jest.fn(),
-          selectedItemId: '1'
-        })),
-        container = _render6.container;
+        selectable: true,
+        onSelectItem: jest.fn(),
+        selectedItemId: '1'
+      })),
+          container = _render6.container;
+
       var listItem = container.querySelector('.item-container');
       expect(listItem).toHaveClass('-activedlist');
     });
     it('should select next item when pressed arrow down', function () {
       var _render7 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: jest.fn()
-        })),
-        container = _render7.container;
+        selectable: true,
+        onSelectItem: jest.fn()
+      })),
+          container = _render7.container;
+
       var listComponent = container.querySelector('.list-component');
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       expect(container.querySelectorAll('.item-container')[1]).toHaveClass('-activedlist');
     });
     it('should select previous item when pressed arrow down', function () {
       var _render8 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: jest.fn()
-        })),
-        container = _render8.container;
+        selectable: true,
+        onSelectItem: jest.fn()
+      })),
+          container = _render8.container;
+
       var listComponent = container.querySelector('.list-component');
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowUp',
         code: 'ArrowUp',
         keyCode: 38
       });
+
       expect(container.querySelectorAll('.item-container')[0]).toHaveClass('-activedlist');
     });
     it('should select last item when pressed arrow up at first item', function () {
       var _render9 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: jest.fn()
-        })),
-        container = _render9.container;
+        selectable: true,
+        onSelectItem: jest.fn()
+      })),
+          container = _render9.container;
+
       var listComponent = container.querySelector('.list-component');
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowUp',
         code: 'ArrowUp',
         keyCode: 38
       });
+
       expect(container.querySelectorAll('.item-container')[1]).toHaveClass('-activedlist');
     });
     it('should select first item when pressed arrow down at last item', function () {
       var _render10 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: jest.fn()
-        })),
-        container = _render10.container;
+        selectable: true,
+        onSelectItem: jest.fn()
+      })),
+          container = _render10.container;
+
       var listComponent = container.querySelector('.list-component');
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       expect(container.querySelectorAll('.item-container')[0]).toHaveClass('-activedlist');
     });
     it('should fire event when press Enter key', function () {
       var mockOnSelectItem = jest.fn();
       var itemId = '1';
+
       var _render11 = (0, _react2.render)(list({
-          selectable: true,
-          onSelectItem: mockOnSelectItem
-        })),
-        container = _render11.container;
+        selectable: true,
+        onSelectItem: mockOnSelectItem,
+        selectOnEnter: true
+      })),
+          container = _render11.container;
+
       var listComponent = container.querySelector('.list-component');
+
       _react2.fireEvent.keyDown(listComponent, {
         key: 'ArrowDown',
         code: 'ArrowDown',
         keyCode: 40
       });
+
       var listItem = container.querySelector('.list-component .item-container.-activedlist');
+
       _react2.fireEvent.keyDown(listItem, {
         key: 'Enter',
         code: 'Enter',
         keyCode: 13
       });
+
       expect(mockOnSelectItem).toHaveBeenCalledWith(itemId);
     });
+    it('should render skeletonize when true', function () {
+      var _render12 = (0, _react2.render)(list({
+        skeletonize: true
+      })),
+          container = _render12.container;
+
+      var skeleton = container.querySelector('.item-container .item .skeleton-component');
+      expect(skeleton).toBeInTheDocument();
+    });
+    it('should render five skeletons when skeletonize', function () {
+      var _render13 = (0, _react2.render)(list({
+        skeletonize: true,
+        skeletonItens: 5
+      })),
+          container = _render13.container;
+
+      var skeletons = container.querySelectorAll('.item-container .item .skeleton-component');
+      expect(skeletons.length).toBe(5);
+    });
+    it('should define skeleton height', function () {
+      var _render14 = (0, _react2.render)(list({
+        skeletonize: true,
+        skeletonHeight: 36
+      })),
+          container = _render14.container;
+
+      var skeleton = container.querySelector('.item-container .item .skeleton-component');
+      expect(skeleton).toHaveStyle('height: 36px');
+    });
     describe('prop selectable', function () {
       it('should allow ListItem to be selected', function () {
         var listItemProps = {
           onClick: jest.fn()
         };
-        var _render12 = (0, _react2.render)(list({
-            selectable: true,
-            selectedItemId: '1'
-          }, {}, listItemProps)),
-          container = _render12.container;
+
+        var _render15 = (0, _react2.render)(list({
+          selectable: true,
+          selectedItemId: '1'
+        }, {}, listItemProps)),
+            container = _render15.container;
+
         var listItem = container.querySelector('.item-container');
+
         _react2.fireEvent.click(listItem);
+
         expect(listItem).toHaveClass('-activedlist');
       });
       it('should call onSelectItem', function () {
         var mockOnSelectItem = jest.fn();
-        var _render13 = (0, _react2.render)(list({
-            selectable: true,
-            onSelectItem: mockOnSelectItem
-          })),
-          container = _render13.container;
+
+        var _render16 = (0, _react2.render)(list({
+          selectable: true,
+          onSelectItem: mockOnSelectItem
+        })),
+            container = _render16.container;
+
         var listItem = container.querySelector('.item-container');
+
         _react2.fireEvent.click(listItem);
+
         expect(mockOnSelectItem).toHaveBeenCalledWith('1');
       });
     });
   });
   describe('ListHeader', function () {
     it('should render correctly', function () {
-      var _render14 = (0, _react2.render)(list()),
-        container = _render14.container;
+      var _render17 = (0, _react2.render)(list()),
+          container = _render17.container;
+
       expect(container.querySelector('.list-header')).toBeTruthy();
     });
     it('should apply title', function () {
       var title = 'Teste Header';
-      var _render15 = (0, _react2.render)(list({}, {
-          title: title
-        })),
-        container = _render15.container;
+
+      var _render18 = (0, _react2.render)(list({}, {
+        title: title
+      })),
+          container = _render18.container;
+
       var listHeaderTitle = container.querySelector('.list-header > .title');
       expect(listHeaderTitle).toBeTruthy();
       expect(listHeaderTitle).toHaveTextContent(title);
@@ -243,52 +331,62 @@ describe('Components', function () {
         marginTop: '10px',
         paddingBottom: '2px'
       };
-      var _render16 = (0, _react2.render)(list({}, {
-          style: style
-        })),
-        container = _render16.container;
+
+      var _render19 = (0, _react2.render)(list({}, {
+        style: style
+      })),
+          container = _render19.container;
+
       var listHeader = container.querySelector('.list-header');
       expect(listHeader).toHaveStyle(style);
     });
     it('should apply customClass', function () {
       var customClass = 'teste-listheader';
-      var _render17 = (0, _react2.render)(list({}, {
-          customClass: customClass
-        })),
-        container = _render17.container;
+
+      var _render20 = (0, _react2.render)(list({}, {
+        customClass: customClass
+      })),
+          container = _render20.container;
+
       var listHeader = container.querySelector('.list-header');
       expect(listHeader).toHaveClass(customClass);
     });
     it('should render children', function () {
-      var _render18 = (0, _react2.render)(list()),
-        container = _render18.container;
+      var _render21 = (0, _react2.render)(list()),
+          container = _render21.container;
+
       var listHeaderChild = container.querySelector('.list-header > .listheader-child');
       expect(listHeaderChild).toBeTruthy();
     });
   });
   describe('ListItem', function () {
     it('should render correctly', function () {
-      var _render19 = (0, _react2.render)(list()),
-        container = _render19.container;
+      var _render22 = (0, _react2.render)(list()),
+          container = _render22.container;
+
       var listItem = container.querySelector('.item-container');
       expect(listItem).toBeTruthy();
     });
     it('should apply text', function () {
       var text = 'Teste Item 1';
-      var _render20 = (0, _react2.render)(list({}, {}, {
-          text: text
-        })),
-        container = _render20.container;
+
+      var _render23 = (0, _react2.render)(list({}, {}, {
+        text: text
+      })),
+          container = _render23.container;
+
       var listItemText = container.querySelector('.item-container .text');
       expect(listItemText).toBeTruthy();
       expect(listItemText).toHaveTextContent(text);
     });
     it('should apply subtext', function () {
       var subText = 'Teste Item 1';
-      var _render21 = (0, _react2.render)(list({}, {}, {
-          subText: subText
-        })),
-        container = _render21.container;
+
+      var _render24 = (0, _react2.render)(list({}, {}, {
+        subText: subText
+      })),
+          container = _render24.container;
+
       var listItemSubText = container.querySelector('.item-container .subtext');
       expect(listItemSubText).toBeTruthy();
       expect(listItemSubText).toHaveTextContent(subText);
@@ -298,48 +396,54 @@ describe('Components', function () {
         marginTop: '10px',
         paddingBottom: '2px'
       };
-      var _render22 = (0, _react2.render)(list({}, {}, {
-          style: style
-        })),
-        container = _render22.container;
+
+      var _render25 = (0, _react2.render)(list({}, {}, {
+        style: style
+      })),
+          container = _render25.container;
+
       var listItem = container.querySelector('.item-container');
       expect(listItem).toHaveStyle(style);
     });
     describe('prop separator', function () {
       var separator = true;
       it('apply list-separator css class to text/subtext/children container', function () {
-        var _render23 = (0, _react2.render)(list({}, {}, {
-            text: 'Teste',
-            separator: separator
-          })),
-          container = _render23.container;
+        var _render26 = (0, _react2.render)(list({}, {}, {
+          text: 'Teste',
+          separator: separator
+        })),
+            container = _render26.container;
+
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass('list-separator');
       });
       it('apply list-separator css class to leftIcon/leftElement container', function () {
-        var _render24 = (0, _react2.render)(list({}, {}, {
-            leftIconName: 'pencil',
-            separator: separator
-          })),
-          container = _render24.container;
+        var _render27 = (0, _react2.render)(list({}, {}, {
+          leftIconName: 'pencil',
+          separator: separator
+        })),
+            container = _render27.container;
+
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass('list-separator');
       });
       it('apply list-separator css class to rightIcon/rightElement container', function () {
-        var _render25 = (0, _react2.render)(list({}, {}, {
-            rightIconName: 'pencil',
-            separator: separator
-          })),
-          container = _render25.container;
+        var _render28 = (0, _react2.render)(list({}, {}, {
+          rightIconName: 'pencil',
+          separator: separator
+        })),
+            container = _render28.container;
+
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass('list-separator');
       });
     });
     it('prop hovered should apply css class hovered ', function () {
-      var _render26 = (0, _react2.render)(list({}, {}, {
-          hovered: true
-        })),
-        container = _render26.container;
+      var _render29 = (0, _react2.render)(list({}, {}, {
+        hovered: true
+      })),
+          container = _render29.container;
+
       var listItem = container.querySelector('.item-container');
       expect(listItem).toHaveClass('hovered');
     });
@@ -347,57 +451,66 @@ describe('Components', function () {
       var disabled = true;
       it('should disable onClick event', function () {
         var mockFunc = jest.fn();
-        var _render27 = (0, _react2.render)(list({}, {}, {
-            disabled: disabled,
-            onClick: mockFunc
-          })),
-          container = _render27.container;
+
+        var _render30 = (0, _react2.render)(list({}, {}, {
+          disabled: disabled,
+          onClick: mockFunc
+        })),
+            container = _render30.container;
+
         var listItem = container.querySelector('.item-container');
+
         _react2.fireEvent.click(listItem);
+
         expect(mockFunc).not.toBeCalled();
       });
       it('apply disabled css class to text/subtext/children container', function () {
-        var _render28 = (0, _react2.render)(list({}, {}, {
-            text: 'Teste',
-            disabled: disabled
-          })),
-          container = _render28.container;
+        var _render31 = (0, _react2.render)(list({}, {}, {
+          text: 'Teste',
+          disabled: disabled
+        })),
+            container = _render31.container;
+
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass('disabled');
       });
       it('apply disabled css class to leftIcon/leftElement container', function () {
-        var _render29 = (0, _react2.render)(list({}, {}, {
-            leftIconName: 'pencil',
-            disabled: disabled
-          })),
-          container = _render29.container;
+        var _render32 = (0, _react2.render)(list({}, {}, {
+          leftIconName: 'pencil',
+          disabled: disabled
+        })),
+            container = _render32.container;
+
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass('disabled');
       });
       it('apply disabled css class to rightIcon/rightElement container', function () {
-        var _render30 = (0, _react2.render)(list({}, {}, {
-            rightIconName: 'pencil',
-            disabled: disabled
-          })),
-          container = _render30.container;
+        var _render33 = (0, _react2.render)(list({}, {}, {
+          rightIconName: 'pencil',
+          disabled: disabled
+        })),
+            container = _render33.container;
+
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass('disabled');
       });
       it('should hide url', function () {
-        var _render31 = (0, _react2.render)(list({}, {}, {
-            disabled: disabled,
-            url: 'saas'
-          })),
-          container = _render31.container;
+        var _render34 = (0, _react2.render)(list({}, {}, {
+          disabled: disabled,
+          url: 'saas'
+        })),
+            container = _render34.container;
+
         var linkitem = container.querySelector('.linkitem');
         expect(linkitem).not.toBeInTheDocument();
       });
     });
     it('prop displayCheckbox should render Checkbox within subject', function () {
-      var _render32 = (0, _react2.render)(list({}, {}, {
-          displayCheckbox: true
-        })),
-        container = _render32.container;
+      var _render35 = (0, _react2.render)(list({}, {}, {
+        displayCheckbox: true
+      })),
+          container = _render35.container;
+
       var checkboxComponent = container.querySelector('.item-container .item.-icon-left .checkbox-component input');
       expect(checkboxComponent).toBeTruthy();
       expect(checkboxComponent.name).toEqual('checkbox');
@@ -406,10 +519,12 @@ describe('Components', function () {
       var leftElement = /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "leftElTeste"
       });
-      var _render33 = (0, _react2.render)(list({}, {}, {
-          leftElement: leftElement
-        })),
-        container = _render33.container;
+
+      var _render36 = (0, _react2.render)(list({}, {}, {
+        leftElement: leftElement
+      })),
+          container = _render36.container;
+
       var leftElementHTML = container.querySelector('.item-container .item.-icon-left .leftElTeste');
       expect(leftElementHTML).toBeTruthy();
     });
@@ -417,10 +532,12 @@ describe('Components', function () {
       var rightElement = /*#__PURE__*/_react.default.createElement(_buttons.default, {
         customClass: "rightElTeste"
       });
-      var _render34 = (0, _react2.render)(list({}, {}, {
-          rightElement: rightElement
-        })),
-        container = _render34.container;
+
+      var _render37 = (0, _react2.render)(list({}, {}, {
+        rightElement: rightElement
+      })),
+          container = _render37.container;
+
       var rightElementHTML = container.querySelector('.item-container .item.-icon-right .rightElTeste');
       expect(rightElementHTML).toBeTruthy();
     });
@@ -431,10 +548,12 @@ describe('Components', function () {
         size: 24,
         color: "#000"
       });
-      var _render35 = (0, _react2.render)(list({}, {}, {
-          leftIcon: leftIcon
-        })),
-        container = _render35.container;
+
+      var _render38 = (0, _react2.render)(list({}, {}, {
+        leftIcon: leftIcon
+      })),
+          container = _render38.container;
+
       var leftIconHTML = container.querySelector('.item-container .item.-icon-left .icon-component.iconTeste');
       expect(leftIconHTML).toBeTruthy();
     });
@@ -445,32 +564,37 @@ describe('Components', function () {
         size: 24,
         color: "#000"
       });
-      var _render36 = (0, _react2.render)(list({}, {}, {
-          rightIcon: rightIcon
-        })),
-        container = _render36.container;
+
+      var _render39 = (0, _react2.render)(list({}, {}, {
+        rightIcon: rightIcon
+      })),
+          container = _render39.container;
+
       var rightIconHTML = container.querySelector('.item-container .item.-icon-right .icon-component.iconTeste');
       expect(rightIconHTML).toBeTruthy();
     });
     it('prop leftIconName should render Icon', function () {
-      var _render37 = (0, _react2.render)(list({}, {}, {
-          leftIconName: 'code'
-        })),
-        container = _render37.container;
+      var _render40 = (0, _react2.render)(list({}, {}, {
+        leftIconName: 'code'
+      })),
+          container = _render40.container;
+
       var leftIcon = container.querySelector('.item-container .item.-icon-left .icon-component');
       expect(leftIcon).toBeTruthy();
     });
     it('prop rightIconName should render Icon', function () {
-      var _render38 = (0, _react2.render)(list({}, {}, {
-          rightIconName: 'code'
-        })),
-        container = _render38.container;
+      var _render41 = (0, _react2.render)(list({}, {}, {
+        rightIconName: 'code'
+      })),
+          container = _render41.container;
+
       var rightIcon = container.querySelector('.item-container .item.-icon-right .icon-component');
       expect(rightIcon).toBeTruthy();
     });
     it('should apply onClick', function () {
       var mockFunc = jest.fn();
       var listItemId = '1';
+
       var mockList = /*#__PURE__*/_react.default.createElement(_index.default, null, /*#__PURE__*/_react.default.createElement(_index.ListItem, {
         itemId: listItemId,
         text: "Teste Foo",
@@ -478,71 +602,82 @@ describe('Components', function () {
           return mockFunc(itemId);
         }
       }));
-      var _render39 = (0, _react2.render)(mockList),
-        container = _render39.container;
+
+      var _render42 = (0, _react2.render)(mockList),
+          container = _render42.container;
+
       var listItem = container.querySelector('.item-container');
+
       _react2.fireEvent.click(listItem);
+
       expect(mockFunc).toBeCalledWith(listItemId);
     });
     describe('prop customClass', function () {
       var customClass = 'customclassTeste';
       it('apply customClass css class to text/subtext/children container', function () {
-        var _render40 = (0, _react2.render)(list({}, {}, {
-            text: 'Teste',
-            customClass: customClass
-          })),
-          container = _render40.container;
+        var _render43 = (0, _react2.render)(list({}, {}, {
+          text: 'Teste',
+          customClass: customClass
+        })),
+            container = _render43.container;
+
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass(customClass);
       });
       it('apply customClass css class to leftIcon/leftElement container', function () {
-        var _render41 = (0, _react2.render)(list({}, {}, {
-            leftIconName: 'pencil',
-            customClass: customClass
-          })),
-          container = _render41.container;
+        var _render44 = (0, _react2.render)(list({}, {}, {
+          leftIconName: 'pencil',
+          customClass: customClass
+        })),
+            container = _render44.container;
+
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass(customClass);
       });
       it('apply customClass css class to rightIcon/rightElement container', function () {
-        var _render42 = (0, _react2.render)(list({}, {}, {
-            rightIconName: 'pencil',
-            customClass: customClass
-          })),
-          container = _render42.container;
+        var _render45 = (0, _react2.render)(list({}, {}, {
+          rightIconName: 'pencil',
+          customClass: customClass
+        })),
+            container = _render45.container;
+
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass(customClass);
       });
     });
     it('prop url should render Link', function () {
-      var _render43 = (0, _react2.render)(list({}, {}, {
-          url: 'saas'
-        })),
-        container = _render43.container;
+      var _render46 = (0, _react2.render)(list({}, {}, {
+        url: 'saas'
+      })),
+          container = _render46.container;
+
       var linkComponent = container.querySelector('.item-container .linkitem');
       expect(linkComponent).toBeTruthy();
     });
     describe('prop visible', function () {
       it('when true(default) should allow subject to render', function () {
-        var _render44 = (0, _react2.render)(list({}, {}, {
-            visible: true
-          })),
-          container = _render44.container;
+        var _render47 = (0, _react2.render)(list({}, {}, {
+          visible: true
+        })),
+            container = _render47.container;
+
         var listItem = container.querySelector('.item-container');
         expect(listItem).toBeTruthy();
       });
       it('when false should not let subject render', function () {
-        var _render45 = (0, _react2.render)(list({}, {}, {
-            visible: false
-          })),
-          container = _render45.container;
+        var _render48 = (0, _react2.render)(list({}, {}, {
+          visible: false
+        })),
+            container = _render48.container;
+
         var listItem = container.querySelector('.item-container');
         expect(listItem).not.toBeInTheDocument();
       });
     });
     it('should render children', function () {
-      var _render46 = (0, _react2.render)(list()),
-        container = _render46.container;
+      var _render49 = (0, _react2.render)(list()),
+          container = _render49.container;
+
       var listItemButtonChild = container.querySelector('.item-container .childbuttontest');
       expect(listItemButtonChild).toBeTruthy();
       expect(listItemButtonChild).toHaveTextContent('Teste Child');
@@ -551,10 +686,12 @@ describe('Components', function () {
       describe('when permission granted', function () {
         it('should render subject', function () {
           setSessionStorageMock();
-          var _render47 = (0, _react2.render)(list({}, {}, {
-              permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
-            })),
-            container = _render47.container;
+
+          var _render50 = (0, _react2.render)(list({}, {}, {
+            permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
+          })),
+              container = _render50.container;
+
           var listItem = container.querySelector('.item-container');
           expect(listItem).toBeTruthy();
         });
@@ -562,10 +699,12 @@ describe('Components', function () {
       describe('when permission denied', function () {
         it('onDenied.unvisible option should not render subject', function () {
           setSessionStorageMock();
-          var _render48 = (0, _react2.render)(list({}, {}, {
-              permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
-            })),
-            container = _render48.container;
+
+          var _render51 = (0, _react2.render)(list({}, {}, {
+            permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
+          })),
+              container = _render51.container;
+
           var listItem = container.querySelector('.item-container');
           expect(listItem).not.toBeInTheDocument();
         });
@@ -575,43 +714,51 @@ describe('Components', function () {
           };
           it('disable onClick event', function () {
             var mockFunc = jest.fn();
-            var _render49 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
-                onClick: mockFunc
-              }))),
-              container = _render49.container;
+
+            var _render52 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
+              onClick: mockFunc
+            }))),
+                container = _render52.container;
+
             var listItem = container.querySelector('.item-container');
+
             _react2.fireEvent.click(listItem);
+
             expect(mockFunc).not.toBeCalled();
           });
           it('apply disabled css class to text/subtext/children container', function () {
-            var _render50 = (0, _react2.render)(list({}, {}, _extends({
-                text: 'Teste'
-              }, permissionProp))),
-              container = _render50.container;
+            var _render53 = (0, _react2.render)(list({}, {}, _extends({
+              text: 'Teste'
+            }, permissionProp))),
+                container = _render53.container;
+
             var listItemTextContainer = container.querySelector('.item-container .item');
             expect(listItemTextContainer).toHaveClass('disabled');
           });
           it('apply disabled css class to leftIcon/leftElement container', function () {
-            var _render51 = (0, _react2.render)(list({}, {}, _extends({
-                leftIconName: 'pencil'
-              }, permissionProp))),
-              container = _render51.container;
+            var _render54 = (0, _react2.render)(list({}, {}, _extends({
+              leftIconName: 'pencil'
+            }, permissionProp))),
+                container = _render54.container;
+
             var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
             expect(listItemLeftElContainer).toHaveClass('disabled');
           });
           it('apply disabled css class to rightIcon/rightElement container', function () {
-            var _render52 = (0, _react2.render)(list({}, {}, _extends({
-                rightIconName: 'pencil'
-              }, permissionProp))),
-              container = _render52.container;
+            var _render55 = (0, _react2.render)(list({}, {}, _extends({
+              rightIconName: 'pencil'
+            }, permissionProp))),
+                container = _render55.container;
+
             var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
             expect(listItemRightElContainer).toHaveClass('disabled');
           });
           it('hide url', function () {
-            var _render53 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
-                url: 'saas'
-              }))),
-              container = _render53.container;
+            var _render56 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
+              url: 'saas'
+            }))),
+                container = _render56.container;
+
             var linkitem = container.querySelector('.linkitem');
             expect(linkitem).not.toBeInTheDocument();
           });