linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.25

package/lib/inputs/select/select.spec.js

@@ -1,10 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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); }
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -16,39 +12,45 @@ var _simple = _interopRequireDefault(require("./simple"));
 
 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 _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); }
 
 var SelectFieldTest = function SelectFieldTest(props) {
   var dataArray = function dataArray() {
     return [{
-      id: 9000,
+      id: '9000',
       name: 'C#',
-      iconName: 'user_group'
+      iconName: 'user_group',
+      imgSrcKey: ''
     }, {
-      id: 14,
+      id: '14',
       name: 'Java',
-      iconName: 'folder_close'
+      iconName: 'folder_close',
+      imgSrcKey: ''
     }, {
-      id: 3,
+      id: '3',
       name: 'Erlang',
-      iconName: 'calendar'
+      iconName: 'calendar',
+      imgSrcKey: ''
     }, {
-      id: 13,
+      id: '13',
       name: 'Pascal',
-      iconName: 'config'
+      iconName: 'config',
+      imgSrcKey: ''
     }];
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_simple["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_simple.default, _extends({}, props, {
     dataSource: dataArray(),
     idKey: "id",
     descriptionKey: "name",
     id: "testId",
-    value: 14,
     label: "testLabel",
     placeHolder: "testPlaceHolder",
     maxLength: 5,
-    multiple: true,
     hint: "testHint",
     errorMessages: ['error1, error2'],
     textAlign: "left",
@@ -61,16 +63,16 @@ describe('Select', function () {
   describe('Permission', function () {
     var defineStorage = function defineStorage() {
       Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock["default"])()
+        value: (0, _storageMock.default)()
       });
     };
 
     it('should check permission', function () {
       defineStorage();
 
-      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_simple["default"], {
-        idKey: "id",
-        descriptionKey: "name",
+      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
+        idKey: "9000",
+        descriptionKey: "C#",
         permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
       })),
           container = _render.container;
@@ -82,32 +84,33 @@ describe('Select', function () {
       defineStorage();
       var mockOnClick = jest.fn();
 
-      var mockButton = /*#__PURE__*/_react["default"].createElement(_simple["default"], {
-        idKey: "id",
-        descriptionKey: "name",
+      var mockButton = /*#__PURE__*/_react.default.createElement(_simple.default, {
+        idKey: "9000",
+        descriptionKey: "C#",
         onClick: mockOnClick,
+        disabled: true,
         permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled')
       });
 
       var _render2 = (0, _react2.render)(mockButton),
           container = _render2.container;
 
-      _react2.fireEvent.click(container.querySelector('input'));
-
-      expect(container.querySelector('input')).toBeDisabled();
+      var selectComponent = container.querySelector('.inputwrapper .inputcontent .textinput');
+      expect(selectComponent).toHaveProperty('disabled', true);
       expect(mockOnClick).toBeCalledTimes(0);
     });
     it('should check permission, be unavaible and onDenied is unvisible', function () {
       defineStorage();
 
-      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_simple["default"], {
-        idKey: "id",
-        descriptionKey: "name",
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_simple.default, {
+        idKey: "9000",
+        descriptionKey: "C#",
         permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
       })),
           container = _render3.container;
 
-      expect(container.querySelector('input')).not.toBeTruthy();
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect).not.toBeTruthy();
     });
   });
   describe('Default', function () {
@@ -121,13 +124,15 @@ describe('Select', function () {
       var _render5 = (0, _react2.render)(SelectFieldTest()),
           container = _render5.container;
 
-      expect(container.querySelector('input').id).toBe('testId');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.id).toBe('testId');
     });
     it('should value', function () {
       var _render6 = (0, _react2.render)(SelectFieldTest()),
           container = _render6.container;
 
-      expect(container.querySelector('input').value).toBe('Java');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.value).toBe('');
     });
     it('should multiple', function () {
       var _render7 = (0, _react2.render)(SelectFieldTest()),
@@ -171,31 +176,36 @@ describe('Select', function () {
       })),
           container = _render11.container;
 
-      expect(container.querySelector('input').readOnly).toEqual(true);
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.readOnly).toEqual(true);
     });
     it('should apply placeHolder', function () {
       var _render12 = (0, _react2.render)(SelectFieldTest()),
           container = _render12.container;
 
-      expect(container.querySelector('input').placeholder).toBe('testPlaceHolder');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.placeholder).toBe('testPlaceHolder');
     });
     it('should maxLength', function () {
       var _render13 = (0, _react2.render)(SelectFieldTest()),
           container = _render13.container;
 
-      expect(container.querySelector('input').maxLength).toBe(5);
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.maxLength).toBe(5);
     });
     it('should name', function () {
       var _render14 = (0, _react2.render)(SelectFieldTest()),
           container = _render14.container;
 
-      expect(container.querySelector('input').name).toBe('test');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.name).toBe('test');
     });
     it('should textAlign', function () {
       var _render15 = (0, _react2.render)(SelectFieldTest()),
           container = _render15.container;
 
-      expect(container.querySelector('input')).toHaveClass('text-align-left');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect).toHaveClass('text-align-left');
     });
     it('should rounded', function () {
       var _render16 = (0, _react2.render)(SelectFieldTest({
@@ -209,7 +219,8 @@ describe('Select', function () {
       var _render17 = (0, _react2.render)(SelectFieldTest()),
           container = _render17.container;
 
-      expect(container.querySelector('input').id).toBe('testId');
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.id).toBe('testId');
     });
     it('should required', function () {
       var _render18 = (0, _react2.render)(SelectFieldTest({
@@ -255,7 +266,8 @@ describe('Select', function () {
       })),
           container = _render23.container;
 
-      expect(container.querySelector('input').focus).toBeTruthy();
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect.focus).toBeTruthy();
     });
     it('should apply disabled', function () {
       var _render24 = (0, _react2.render)(SelectFieldTest({
@@ -263,7 +275,8 @@ describe('Select', function () {
       })),
           container = _render24.container;
 
-      expect(container.querySelector('input')).toBeDisabled();
+      var inputSelect = container.querySelector('input');
+      expect(inputSelect).toBeDisabled();
     });
     it('should apply onChange', function () {
       var onChange = jest.fn();
@@ -277,7 +290,7 @@ describe('Select', function () {
 
       _react2.fireEvent.change(inputContent, {
         target: {
-          value: 14
+          value: 'C#'
         }
       });
 
@@ -311,7 +324,7 @@ describe('Select', function () {
         }
       });
 
-      expect(container.querySelector('.select-component').lastElementChild).toHaveClass('dropdown');
+      expect(document.querySelector('.select-dropdown')).toBeInTheDocument();
     });
     it('should apply onSearch', function () {
       var onSearch = jest.fn();
@@ -340,27 +353,28 @@ describe('Select', function () {
 
       _react2.fireEvent.change(inputContent, {
         target: {
-          value: 'test'
+          value: 'Java'
         }
       });
 
-      expect(container.querySelector('.dropdown').querySelectorAll('.item')[0]).toHaveTextContent('C#');
+      var dropdownSelect = document.querySelector('.select-dropdown');
+      expect(dropdownSelect.querySelectorAll('.item')[0]).toHaveTextContent('Java');
     });
     it('should selectFirstOnEnter', function () {
+      var onFocus = jest.fn();
+
       var _render30 = (0, _react2.render)(SelectFieldTest({
-        selectFirstOnEnter: true
+        selectFirstOnEnter: true,
+        onFocus: onFocus,
+        remoteSearch: true
       })),
           container = _render30.container;
 
       var inputContent = container.querySelector('input');
 
-      _react2.fireEvent.change(inputContent, {
-        target: {
-          value: ''
-        }
-      });
+      _react2.fireEvent.focus(inputContent);
 
-      var dropdown = container.querySelector('.select-component').lastElementChild;
+      var dropdown = document.querySelector('.select-dropdown');
       expect(dropdown.firstChild).toHaveClass('-selected');
     });
     it('should openDropdownOnFocus', function () {
@@ -369,7 +383,10 @@ describe('Select', function () {
       })),
           container = _render31.container;
 
-      container.querySelector('input').focus();
+      var inputContent = container.querySelector('input');
+      (0, _react2.act)(function () {
+        inputContent.focus();
+      });
       expect(container.querySelector('.dropdown')).not.toBeTruthy();
     });
     it('should dataSource', function () {
@@ -384,7 +401,7 @@ describe('Select', function () {
         }
       });
 
-      var dropdown = container.querySelector('.dropdown');
+      var dropdown = document.querySelector('.dropdown-component');
       expect(dropdown.firstChild !== dropdown.lastChild);
     });
   });