linear-react-components-ui 1.0.8 → 1.0.10-beta.0

package/lib/menus/float/float-menu.spec.js

@@ -1,221 +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"));
-
-require("babel-polyfill");
-
-var _react2 = require("@testing-library/react");
-
-require("@testing-library/jest-dom");
-
-var _ = _interopRequireWildcard(require("."));
-
-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); }); }; }
-
-var menuData = [{
-  title: 'Fiscal',
-  key: 'FISCAL',
-  url: '/teste',
-  iconName: 'code',
-  iconColor: 'gray',
-  iconSize: 24
-}, {
-  title: 'Financeiro',
-  key: 'FINANCEIRO',
-  url: '/teste1',
-  iconName: 'folder_close',
-  iconColor: 'red',
-  iconSize: 24
-}];
-
-var floatMenuMockRender = function floatMenuMockRender(props) {
-  return /*#__PURE__*/_react["default"].createElement(_["default"], props, menuData.map(function (p) {
-    return /*#__PURE__*/_react["default"].createElement(_.MenuItem, p);
-  }));
-};
-
-describe('SideNav Menu', function () {
-  describe('Default', function () {
-    it('should render', function () {
-      var _render = (0, _react2.render)(floatMenuMockRender()),
-          container = _render.container;
-
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('should apply customClass prop', function () {
-      var _render2 = (0, _react2.render)(floatMenuMockRender({
-        customClass: 'customClass'
-      })),
-          container = _render2.container;
-
-      expect(container.firstChild).toHaveClass('customClass');
-    });
-    it('should apply iconSize prop', function () {
-      (0, _react2.render)(floatMenuMockRender({
-        iconSize: 18,
-        iconColor: 'red'
-      }));
-
-      var svg = _react2.screen.getByTestId('icon');
-
-      expect(svg).toHaveAttribute('fill', 'red');
-      expect(svg).toHaveAttribute('width', '18px');
-    });
-    it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              (0, _react2.render)(floatMenuMockRender());
-
-              _react2.fireEvent.click(_react2.screen.getByRole('button'));
-
-              _context.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('dropdown-component');
-              });
-
-            case 4:
-              expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('should menu have 2 children', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              (0, _react2.render)(floatMenuMockRender());
-
-              _react2.fireEvent.click(_react2.screen.getByRole('button'));
-
-              _context2.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('dropdown-component');
-              });
-
-            case 4:
-              expect(_react2.screen.getByTestId('dropdown-component').firstChild.childNodes.length).toBe(2);
-
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    it('should href match with prop', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var as;
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              (0, _react2.render)(floatMenuMockRender());
-
-              _react2.fireEvent.click(_react2.screen.getByRole('button'));
-
-              _context3.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('dropdown-component');
-              });
-
-            case 4:
-              as = _react2.screen.getAllByRole('link');
-              expect(as[0].href).toBe('http://localhost/teste');
-              expect(as[1].href).toBe('http://localhost/teste1');
-
-            case 7:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })));
-    it('should link have a icon and label', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var as;
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              (0, _react2.render)(floatMenuMockRender());
-
-              _react2.fireEvent.click(_react2.screen.getByRole('button'));
-
-              _context4.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('dropdown-component');
-              });
-
-            case 4:
-              as = _react2.screen.getAllByRole('link');
-              expect(as[0].firstChild).toHaveClass('-items');
-              expect(as[0].firstChild.childNodes[0]).toHaveClass('iconcontainer');
-              expect(as[0].firstChild.childNodes[0].firstChild).toHaveClass('icon-component');
-              expect(as[0].firstChild.childNodes[1]).toHaveClass('nameitem');
-              expect(as[0].firstChild.childNodes[1]).toHaveTextContent(menuData[0].title);
-              expect(as[1].firstChild).toHaveClass('-items');
-              expect(as[1].firstChild.childNodes[0]).toHaveClass('iconcontainer');
-              expect(as[1].firstChild.childNodes[0].firstChild).toHaveClass('icon-component');
-              expect(as[1].firstChild.childNodes[1]).toHaveClass('nameitem');
-              expect(as[1].firstChild.childNodes[1]).toHaveTextContent(menuData[1].title);
-
-            case 15:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    })));
-  });
-  describe('IsLoading', function () {
-    it('should open float menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              (0, _react2.render)(floatMenuMockRender({
-                isLoading: true
-              }));
-
-              _react2.fireEvent.click(_react2.screen.getByRole('button'));
-
-              _context5.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('dropdown-component');
-              });
-
-            case 4:
-              _context5.next = 6;
-              return (0, _react2.waitFor)(function () {
-                return _react2.screen.getByTestId('spinner');
-              }, {
-                timeout: 3000
-              });
-
-            case 6:
-              expect(_react2.screen.getByTestId('spinner')).toBeTruthy();
-
-            case 7:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5);
-    })));
-  });
-});

package/lib/menus/sidenav/sidenav.spec.js

@@ -1,379 +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("babel-polyfill");
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
-
-var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
-
-var _float = _interopRequireWildcard(require("../float"));
-
-var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
-
-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); }); }; }
-
-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); }
-
-var menuDataMock = [{
-  permissoes: [{
-    codigo: 'ACESSO'
-  }, {
-    codigo: 'GRAVAR'
-  }],
-  itens: [{
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 25,
-    titulo: 'Aliquotas ICMS',
-    codigo: 'SUB XXX',
-    url: 'clientes/',
-    iconeNome: 'calendar',
-    iconeCor: '#000',
-    posicao: 1
-  }, {
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 26,
-    titulo: 'Cidades',
-    codigo: 'SUB XXX 9',
-    url: 'clientes/',
-    iconeNome: 'city',
-    iconeCor: '#000',
-    posicao: 1
-  }, {
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 27,
-    titulo: 'Class. Produto',
-    codigo: 'SUB XXX 5',
-    url: 'clientes/',
-    iconeNome: 'question',
-    iconeCor: '#000',
-    posicao: 1
-  }, {
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 28,
-    titulo: 'Tipo de Documento',
-    codigo: 'SUB XXXx',
-    url: 'clientes/',
-    iconeNome: 'question',
-    iconeCor: '#000',
-    posicao: 1
-  }, {
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 29,
-    titulo: 'Tabelas CST',
-    codigo: 'SUB XXX1',
-    url: 'clientes/',
-    iconeNome: 'question',
-    iconeCor: '#000',
-    posicao: 1
-  }, {
-    permissoes: [{
-      codigo: 'ACESSO'
-    }, {
-      codigo: 'GRAVAR'
-    }],
-    itens: null,
-    id: 30,
-    titulo: 'Plano de Contas ',
-    codigo: 'SUB XXX2',
-    url: 'clientes/',
-    iconeNome: 'question',
-    iconeCor: '#000',
-    posicao: 1
-  }],
-  id: 13,
-  titulo: 'Tabelas Básicas',
-  codigo: 'TAB_BASICAS',
-  url: 'clientes/',
-  iconeNome: 'calendar',
-  iconeCor: '#000',
-  posicao: 1
-}, {
-  permissoes: [{
-    codigo: 'ACESSO'
-  }, {
-    codigo: 'GRAVAR'
-  }],
-  itens: null,
-  id: 14,
-  titulo: 'Clientes',
-  codigo: 'CLIENTES',
-  url: 'clientes/',
-  iconeNome: 'envelop',
-  iconeCor: '#000',
-  posicao: 1
-}];
-var mockFn = jest.fn(function (x) {
-  return 42 + x;
-});
-
-var sidebarNavMockRender = function sidebarNavMockRender(props) {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
-    onExpandMenuClick: mockFn
-  }, props), /*#__PURE__*/_react["default"].createElement(_NavMenuGroup["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuItem["default"], {
-    childrenIsSubMenu: false
-  }, /*#__PURE__*/_react["default"].createElement(_float["default"], null, /*#__PURE__*/_react["default"].createElement(_float.MenuItem, {
-    title: "Fiscal",
-    key: "FISCAL",
-    url: "/teste",
-    iconName: "code",
-    iconColor: "gray",
-    iconSize: 24
-  }), /*#__PURE__*/_react["default"].createElement(_float.MenuItem, {
-    title: "Fiscal",
-    key: "FISCAL",
-    url: "/teste",
-    iconName: "code",
-    iconColor: "gray",
-    iconSize: 24
-  })))), /*#__PURE__*/_react["default"].createElement(_NavMenuGroup["default"], {
-    scrollable: true
-  }, menuDataMock.map(function (menu) {
-    return /*#__PURE__*/_react["default"].createElement(_NavMenuItem["default"], {
-      key: menu.codigo,
-      iconName: menu.iconeNome,
-      title: menu.titulo
-    }, menu.itens && menu.itens.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_NavSubMenuItem["default"], {
-        key: item.codigo,
-        title: item.titulo
-      });
-    }));
-  })));
-};
-
-describe('SideNav Menu', function () {
-  describe('Default', function () {
-    it('should render', function () {
-      var _render = (0, _react2.render)(sidebarNavMockRender()),
-          container = _render.container;
-
-      expect(container.firstChild).toBeTruthy();
-    });
-    it('should have .sidenav-component', function () {
-      var _render2 = (0, _react2.render)(sidebarNavMockRender()),
-          container = _render2.container;
-
-      expect(container.firstChild).toHaveClass('sidenav-component');
-    });
-    it('should show expand menu', function () {
-      var _render3 = (0, _react2.render)(sidebarNavMockRender({
-        showExpandMenu: true
-      })),
-          container = _render3.container;
-
-      expect(container.querySelector('.openclosemenu')).toBeInTheDocument();
-    });
-    it('should render all items', function () {
-      var _render4 = (0, _react2.render)(sidebarNavMockRender()),
-          container = _render4.container;
-      /* primeiro item é o float menu */
-
-
-      expect(container.querySelectorAll('li.item').length - 1).toBe(menuDataMock.length);
-    });
-    it('should be rendering 3 items SVGs', function () {
-      var _render5 = (0, _react2.render)(sidebarNavMockRender()),
-          container = _render5.container;
-
-      expect(container.querySelectorAll('li.item .icon-component').length).toBe(3);
-    });
-    it('should open submenu on over', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _render6, container;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _render6 = (0, _react2.render)(sidebarNavMockRender({
-                menuSize: 'large'
-              })), container = _render6.container;
-
-              _react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
-
-              _context.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return container.querySelector('.submenu-container');
-              });
-
-            case 4:
-              expect(container.querySelector('.submenu-container')).toBeTruthy();
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('submenu should render all items', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var _render7, container;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _render7 = (0, _react2.render)(sidebarNavMockRender()), container = _render7.container;
-
-              _react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
-
-              _context2.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return container.querySelector('.submenu-container');
-              });
-
-            case 4:
-              expect(container.querySelectorAll('.submenu-container .submenu .item.hvr-forward').length).toBe(menuDataMock[0].itens.length);
-
-            case 5:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    it('submenu should have title', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var _render8, container;
-
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _render8 = (0, _react2.render)(sidebarNavMockRender()), container = _render8.container;
-
-              _react2.fireEvent.mouseOver(container.querySelector('.customscroll .item'));
-
-              _context3.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return container.querySelector('.submenu-container');
-              });
-
-            case 4:
-              expect(container.querySelector('.submenu-container .title')).toHaveTextContent(menuDataMock[0].titulo);
-
-            case 5:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    })));
-    describe('Popup Search Menu', function () {
-      it('should enable menu search', function () {
-        var _render9 = (0, _react2.render)(sidebarNavMockRender({
-          enableMenuSearch: true
-        })),
-            container = _render9.container;
-
-        expect(container.querySelector('.searchmenubutton')).toBeInTheDocument();
-      });
-      it('should render tooltip on over menu search item', function () {
-        var _render10 = (0, _react2.render)(sidebarNavMockRender({
-          enableMenuSearch: true
-        })),
-            container = _render10.container;
-
-        var navitem = container.querySelector('.-customsidenavitem');
-
-        _react2.fireEvent.mouseOver(navitem);
-
-        expect(document.querySelector('.tooltip-component')).toBeInTheDocument();
-      });
-      it('should open popup menu when pressed HotKey', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-        var _render11, container;
-
-        return regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _render11 = (0, _react2.render)(sidebarNavMockRender({
-                  enableMenuSearch: true
-                })), container = _render11.container;
-
-                _react2.fireEvent.keyDown(container, {
-                  key: 'F',
-                  code: 'keyF',
-                  keyCode: 70,
-                  ctrlKey: true,
-                  shiftKey: true
-                });
-
-                expect(document.querySelector('.searchmenu')).toBeInTheDocument();
-
-              case 3:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4);
-      })));
-      it('should search on input change', function () {
-        var _render12 = (0, _react2.render)(sidebarNavMockRender({
-          enableMenuSearch: true
-        })),
-            container = _render12.container;
-
-        _react2.fireEvent.keyDown(container, {
-          key: 'F',
-          code: 'keyF',
-          keyCode: 70,
-          ctrlKey: true,
-          shiftKey: true
-        });
-
-        var input = document.querySelector('.searchmenu .inputwrapper .inputcontent .textinput');
-
-        _react2.fireEvent.change(input, {
-          target: {
-            value: 'A'
-          }
-        });
-
-        expect(document.querySelector('.searchmenu')).toBeInTheDocument();
-        expect(document.querySelectorAll('.searchmenu .list-component .item').length).toBe(5);
-      });
-    });
-  });
-});