linear-react-components-ui 1.0.10-beta.21 → 1.0.10-beta.23

package/lib/inputs/mask/input_mask.spec.js

@@ -1,607 +0,0 @@
-"use strict";
-
-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");
-
-require("babel-polyfill");
-
-var _ = _interopRequireWildcard(require("."));
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('Input Masked', function () {
-  describe('Default', function () {
-    it('should render correctly', function () {
-      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000"
-      })),
-          container = _render.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply mask', function () {
-      var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000"
-      })),
-          container = _render2.container;
-
-      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('___-____');
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply mask Pattern', function () {
-      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "{#}000-aa-`*[**]"
-      })),
-          container = _render3.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('#___-__-_');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '111aaaaa'
-        }
-      });
-
-      expect(input).toHaveValue('#111-aa-aaa');
-    });
-    it('should change placeholder char', function () {
-      var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        placeholderChar: "*"
-      })),
-          container = _render4.container;
-
-      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('***-****');
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should be able to write', function () {
-      var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000"
-      })),
-          container = _render5.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('___-____');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC'
-        }
-      });
-
-      expect(input).toHaveValue('ABC-____');
-    });
-    it('should not accept number on alpha digit', function () {
-      var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000"
-      })),
-          container = _render6.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('___-____');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '123'
-        }
-      });
-
-      expect(input).toHaveValue('___-____');
-    });
-    it('should not accept alphan on number digit', function () {
-      var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000"
-      })),
-          container = _render7.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('___-____');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC1BC'
-        }
-      });
-
-      expect(input).toHaveValue('ABC-1___');
-    });
-    it('should start with value', function () {
-      var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        value: "ABC-1234"
-      })),
-          container = _render8.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('ABC-1234');
-    });
-    it('should apply lazy prop', function () {
-      var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        lazy: true
-      })),
-          container = _render9.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC1'
-        }
-      });
-
-      expect(input).toHaveValue('ABC-1');
-    });
-    /*
-    it('should onAccept callback be called', () => {
-      const fnMock = jest.fn();
-      const { container } = render(<MaskField mask="aaa-0000" onAccept={fnMock} />);
-      const input = container.querySelector(
-        '.input-base-component .inputwrapper .inputcontent input.textinput');
-      fireEvent.change(input, { target: { value: 'ABC1' } });
-       expect(fnMock).toBeCalledTimes(4);
-    });
-    */
-
-    it('should onComplete callback be called', function () {
-      var fnMock = jest.fn();
-
-      var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        onComplete: fnMock
-      })),
-          container = _render10.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC1234'
-        }
-      });
-
-      expect(fnMock).toBeCalledTimes(1);
-    });
-    it('should apply unmask', function () {
-      var fnMock = jest.fn();
-
-      var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        onComplete: fnMock,
-        unmask: true
-      })),
-          container = _render11.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC1234'
-        }
-      });
-
-      expect(fnMock).toHaveBeenCalledWith({
-        target: {
-          name: '',
-          value: 'ABC1234'
-        }
-      }, 'ABC1234');
-    });
-    it('should apply label', function () {
-      var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        mask: "aaa-0000",
-        label: "LABEL"
-      })),
-          getByText = _render12.getByText;
-
-      expect(getByText('LABEL')).toBeTruthy();
-    });
-    it('should apply labelUppercase', function () {
-      var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        labelUppercase: true,
-        mask: "aaa-0000",
-        label: "Label"
-      })),
-          getByText = _render13.getByText;
-
-      expect(getByText('Label')).toHaveClass('-uppercase');
-    });
-    it('should apply readOnly', function () {
-      var _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        readOnly: true,
-        mask: "aaa-0000",
-        value: "ABC-1234"
-      })),
-          container = _render14.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveClass('-readonly');
-      expect(input).toHaveAttribute('readonly');
-    });
-    it('should apply gridLayout', function () {
-      var _render15 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        gridLayout: "6 6",
-        mask: "aaa-0000",
-        value: "ABC-1234"
-      })),
-          container = _render15.container;
-
-      expect(container.querySelector('.grid-container.col-xs-6.col-xs-6')).toBeTruthy();
-    });
-    it('should apply placeHolder', function () {
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        placeHolder: "PLACE_HOLDER",
-        mask: "aaa-0000"
-      }));
-      expect(_react2.screen.getByPlaceholderText('PLACE_HOLDER')).toBeTruthy();
-    });
-    it('should apply disabled', function () {
-      var _render16 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        disabled: true,
-        mask: "aaa-0000"
-      })),
-          container = _render16.container;
-
-      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
-    });
-    it('should apply onBlur', function () {
-      var fnMock = jest.fn();
-
-      var _render17 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        onBlur: fnMock,
-        name: "name",
-        mask: "aaa-0000"
-      })),
-          container = _render17.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      input.focus();
-      input.blur();
-      expect(fnMock).toBeCalledTimes(1);
-    });
-    it('should apply onChange', function () {
-      var fnMock = jest.fn();
-
-      var _render18 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        onChange: fnMock,
-        name: "name",
-        mask: "aaa-0000"
-      })),
-          container = _render18.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: 'ABC1234'
-        }
-      });
-
-      expect(fnMock).toBeCalledTimes(1);
-    });
-    it('should apply onKeyDown', function () {
-      var fnMock = jest.fn();
-
-      var _render19 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        onKeyDown: fnMock,
-        name: "name",
-        mask: "aaa-0000"
-      })),
-          container = _render19.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      input.focus();
-
-      _react2.fireEvent.keyDown(input, {
-        key: 'A',
-        code: 'KeyA'
-      });
-
-      _react2.fireEvent.keyDown(input, {
-        key: 'B',
-        code: 'KeyB'
-      });
-
-      expect(fnMock).toBeCalledTimes(2);
-    });
-    it('should apply leftElements', function () {
-      var _render20 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "LEFT"),
-        name: "name",
-        mask: "aaa-0000"
-      })),
-          getByText = _render20.getByText;
-
-      expect(getByText('LEFT')).toBeTruthy();
-    });
-    it('should apply rightElements', function () {
-      var _render21 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "RIGHT"),
-        name: "name",
-        mask: "aaa-0000"
-      })),
-          getByText = _render21.getByText;
-
-      expect(getByText('RIGHT')).toBeTruthy();
-    });
-    it('should apply customClass', function () {
-      var _render22 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        customClass: "customClass",
-        mask: "aaa-0000"
-      })),
-          container = _render22.container;
-
-      expect(container.querySelector('.input-base-component.customClass')).toBeTruthy();
-    });
-    it('should apply customClassForInputContent', function () {
-      var _render23 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        customClassForInputContent: "customClass",
-        mask: "aaa-0000"
-      })),
-          container = _render23.container;
-
-      expect(container.querySelector('.inputcontent.customClass')).toBeTruthy();
-    });
-    it('should apply customClassForLabel', function () {
-      var _render24 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        label: "LABEL",
-        customClassForLabel: "customClass",
-        mask: "aaa-0000"
-      })),
-          container = _render24.container;
-
-      expect(container.querySelector('.label.customClass')).toBeTruthy();
-    });
-    it('should apply textAlign', function () {
-      var _render25 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        textAlign: "left",
-        mask: "aaa-0000"
-      })),
-          container = _render25.container;
-
-      expect(container.querySelector('input.textinput')).toHaveClass('text-align-left');
-    });
-    it('should apply rounded', function () {
-      var _render26 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        rounded: true,
-        mask: "aaa-0000"
-      })),
-          container = _render26.container;
-
-      expect(container.querySelector('.inputwrapper')).toHaveClass('-roundedborders');
-    });
-    it('should apply errorMessages', function () {
-      var _render27 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        errorMessages: ['ERRO1', 'ERRO2', 'ERRO3'],
-        mask: "aaa-0000"
-      })),
-          container = _render27.container;
-
-      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO1');
-      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO2');
-      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO3');
-    });
-    it('should check permission', function () {
-      Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock.default)()
-      });
-
-      var _render28 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled'),
-        mask: "aaa-0000"
-      })),
-          container = _render28.container;
-
-      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).not.toBeDisabled();
-    });
-    it('should check permission and be unavailable', function () {
-      Object.defineProperty(window, 'sessionStorage', {
-        value: (0, _storageMock.default)()
-      });
-
-      var _render29 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled'),
-        mask: "aaa-0000"
-      })),
-          container = _render29.container;
-
-      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
-    });
-  });
-  describe('CPF', function () {
-    it('should render correctly', function () {
-      var _render30 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
-          container = _render30.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply CPF mask', function () {
-      var _render31 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
-          container = _render31.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('___.___.___-__');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '92968346008'
-        }
-      });
-
-      expect(input).toHaveValue('929.683.460-08');
-    });
-    it('should apply CPF validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _render32, container, input;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _render32 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, {
-                enableValidation: true
-              })), container = _render32.container;
-              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-              expect(input).toHaveValue('___.___.___-__');
-
-              _react2.fireEvent.change(input, {
-                target: {
-                  value: '92968346000'
-                }
-              });
-
-              _context.next = 6;
-              return (0, _react2.waitFor)(function () {
-                return expect(container.querySelector('.errormessages')).toHaveTextContent('CPF inválido');
-              }, {
-                timeout: 3000
-              });
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-  });
-  describe('CNPJ', function () {
-    it('should render correctly', function () {
-      var _render33 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
-          container = _render33.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply CNPJ mask', function () {
-      var _render34 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
-          container = _render34.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('__.___.___/____-__');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '16409652000114'
-        }
-      });
-
-      expect(input).toHaveValue('16.409.652/0001-14');
-    });
-    it('should apply CNPJ validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _render35, container, input;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _render35 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, {
-                enableValidation: true
-              })), container = _render35.container;
-              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-              expect(input).toHaveValue('__.___.___/____-__');
-
-              _react2.fireEvent.change(input, {
-                target: {
-                  value: '16409652000110'
-                }
-              });
-
-              _context2.next = 6;
-              return (0, _react2.waitFor)(function () {
-                return expect(container.querySelector('.errormessages')).toHaveTextContent('CNPJ inválido');
-              }, {
-                timeout: 3000
-              });
-
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-  });
-  describe('Phone', function () {
-    it('should render correctly', function () {
-      var _render36 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
-          container = _render36.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply phone mask', function () {
-      var _render37 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
-          container = _render37.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('(__) ____-____');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '1111111111'
-        }
-      });
-
-      expect(input).toHaveValue('(11) 1111-1111');
-    });
-    it('should apply cellNumber', function () {
-      var _render38 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, {
-        cellNumber: true
-      })),
-          container = _render38.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('(__) _____-____');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '11111111111'
-        }
-      });
-
-      expect(input).toHaveValue('(11) 11111-1111');
-    });
-  });
-  describe('Zip Code', function () {
-    it('should render correctly', function () {
-      var _render39 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
-          container = _render39.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveClass('input-base-component');
-    });
-    it('should apply zipcode mask', function () {
-      var _render40 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
-          container = _render40.container;
-
-      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
-      expect(input).toHaveValue('_____-___');
-
-      _react2.fireEvent.change(input, {
-        target: {
-          value: '72859719'
-        }
-      });
-
-      expect(input).toHaveValue('72859-719');
-    });
-  });
-});