linear-react-components-ui 0.4.75-beta.1 → 0.4.75-beta.13

package/.eslintrc.js

@@ -1,19 +1,16 @@
 module.exports = {
   "extends": "airbnb",
   "env": {
-    "browser": true
+    "browser": true,
+    "jest": true
   },
   "parser": "babel-eslint",
   "rules": {
     "prefer-destructuring": ["error", {"object": true, "array": false}],
-    // overried eslint-config-airbnb defaults
-    //react.js
     'react/forbid-prop-types': ['error', { forbid: ['array'] }],
     'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
     'react/jsx-closing-bracket-location': ['error', 'after-props'],
     'react/no-unused-prop-types': ['0'],
-
-    //react-a11y.js
     "jsx-a11y/anchor-is-valid": [ "error", {
       "components": [ "Link" ],
       "specialLink": [ "hrefLeft", "hrefRight" ],

package/.vscode/settings.json

@@ -1,12 +1,12 @@
 {
   "files.exclude": {
-		"__error": "Not found",
-		"config": true,
-		"coverage": true,
-		"node_modules": true,
-		"scripts": true,
-		"yarn.lock": true,
-		".eslintrc.js": false,
-		".gitignore": false,
-	}
+    "__error": "Not found",
+    "config": false,
+    "coverage": true,
+    "node_modules": true,
+    "scripts": true,
+    "yarn.lock": true,
+    ".eslintrc.js": true,
+    ".gitignore": true,
+  }
 }

package/config/jest/cssTransform.js

@@ -0,0 +1,14 @@
+'use strict';
+
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process() {
+    return 'module.exports = {};';
+  },
+  getCacheKey() {
+    // The output is always the same.
+    return 'cssTransform';
+  },
+};

package/config/jest/fileTransform.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const path = require('path');
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process(src, filename) {
+    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
+  },
+};

package/config/jest/storageMock.js

@@ -0,0 +1,40 @@
+export const sessionStorageValueMock = '{"SG_CADASTROS":[{"nome":"Empresas","codigo":"SG_CADASTROS_EMPRESAS","permissoes":[{"codigo":"SG_CADASTROS_EMPRESAS_GRAVAR"},{"codigo":"SG_CADASTROS_EMPRESAS_CONSULTAR"},{"codigo":"SG_CADASTROS_EMPRESAS_EXCLUIR"},{"codigo":"SG_CADASTROS_EMPRESAS_RESTAURAR"},{"codigo":"SG_CADASTROS_EMPRESAS_ATIVAR"},{"codigo":"SG_CADASTROS_EMPRESAS_INATIVAR"}],"descricao":"Gestão das Empresas","itens":[]},{"nome":"Parceiros","codigo":"SG_CADASTROS_PARCEIROS","permissoes":[{"codigo":"SG_CADASTROS_PARCEIROS_GRAVAR"},{"codigo":"SG_CADASTROS_PARCEIROS_CONSULTAR"},{"codigo":"SG_CADASTROS_PARCEIROS_EXCLUIR"},{"codigo":"SG_CADASTROS_PARCEIROS_CONTATOS_GRAVAR"},{"codigo":"SG_CADASTROS_PARCEIROS_CONTATOS_CONSULTAR"},{"codigo":"SG_CADASTROS_PARCEIROS_RESTAURAR"},{"codigo":"SG_CADASTROS_PARCEIROS_ATIVAR"},{"codigo":"SG_CADASTROS_PARCEIROS_INATIVAR"}],"descricao":"Gestão de Pessoas que se relacionam com as Empresas","itens":[]},{"nome":"Produtos","codigo":"SG_CADASTROS_PRODUTOS","permissoes":[],"itens":[{"nome":"Produtos em Promoção","codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO","permissoes":[{"codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO_CONSULTAR"},{"codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO_VISUALIZAR"},{"codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO_NAO_EXPIRADAS"},{"codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO_UPLOAD_IMAGEM"},{"codigo":"SG_CADASTROS_PRODUTOS_EM_PROMOCAO_TROCAR_IMAGEM"}],"descricao":"Manutenção de Produtos em Promoção E-PROMO","itens":[]},{"nome":"Imagens dos Produtos","codigo":"SG_CADASTROS_PRODUTOS_IMAGENS","permissoes":[{"codigo":"SG_CADASTROS_PRODUTOS_IMAGENS_CONSULTAR"},{"codigo":"SG_CADASTROS_PRODUTOS_IMAGENS_VISUALIZAR"},{"codigo":"SG_CADASTROS_PRODUTOS_IMAGENS_INCLUIR"},{"codigo":"SG_CADASTROS_PRODUTOS_IMAGENS_EDITAR"},{"codigo":"SG_CADASTROS_PRODUTOS_IMAGENS_EXCLUIR"}],"descricao":"Manutenção das imagens privadas dos produtos","itens":[]}]},{"nome":"Tabelas Auxiliares","codigo":"SG_CADASTROS_TABELAS_AUXILIARES","permissoes":[],"descricao":"Cadastros de Tabelas Auxliliares","itens":[{"nome":"Grupo vendedor","codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR","permissoes":[{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_INCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_ALTERAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_PESQUISAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_VISUALIZAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_EXCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_VENDEDOR_RESTAURAR"}],"descricao":"Gestão de grupos de vendedores","itens":[]},{"nome":"Cadastro de Setor Colaborador","codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR","permissoes":[{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_INCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_ALTERAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_PESQUISAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_VISUALIZAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_EXCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_SETOR_COLABORADOR_RESTAURAR"}],"descricao":"Permite o cadastro de setor colaborador","itens":[]},{"nome":"Grupos de empresas","codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA","permissoes":[{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_INCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_ALTERAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_PESQUISAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_VISUALIZAR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_EXCLUIR"},{"codigo":"SG_CADASTROS_TABELAS_AUXILIARES_GRUPO_EMPRESA_RESTAURAR"}],"descricao":"Gestão de grupos de empresas","itens":[]}]},{"nome":"Cadastro de turnos","codigo":"SG_CADASTROS_TURNO","permissoes":[{"codigo":"SG_CADASTROS_TURNO_INCLUIR"},{"codigo":"SG_CADASTROS_TURNO_ALTERAR"},{"codigo":"SG_CADASTROS_TURNO_PESQUISAR"},{"codigo":"SG_CADASTROS_TURNO_VISUALIZAR"},{"codigo":"SG_CADASTROS_TURNO_EXCLUIR"},{"codigo":"SG_CADASTROS_TURNO_RESTAURAR"}],"descricao":"Permite o cadastro de turnos","itens":[],"codigoPaiExibicao":"SG_ADMINISTRATIVO_TABELAS_SISTEMA"}]}';
+
+const storageMock = () => {
+  const storage = {
+    permissionsStorage: sessionStorageValueMock,
+  };
+
+  return {
+    setItem: (key, value) => {
+      storage[key] = value || '';
+    },
+    getItem: key => storage[key] || null,
+    removeItem: (key) => {
+      delete storage[key];
+    },
+    get length() {
+      return Object.keys(storage).length;
+    },
+    key: (i) => {
+      const keys = Object.keys(storage);
+      return keys[i] || null;
+    },
+  };
+};
+
+export default storageMock;
+
+export const permissionAttrMockAuthorized = onDenied => ({
+  module: 'SG_CADASTROS',
+  feature: 'SG_CADASTROS_EMPRESAS',
+  operation: 'SG_CADASTROS_EMPRESAS_GRAVAR',
+  onDenied,
+});
+
+export const permissionAttrMockUnauthorized = onDenied => ({
+  module: 'SG_COMPRAS_CADASTROS',
+  feature: 'SG_COMPRAS_CADASTROS_MOTIVO_BAIXAS_PEDIDOS_COMPRAS',
+  operation: 'SG_COMPRAS_CADASTROS_MOTIVO_BAIXAS_PEDIDOS_COMPRAS_INCLUIR',
+  onDenied,
+});

package/jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  roots: ['<rootDir>'],
+  transform: {
+    '\\.(js|jsx)?$': 'babel-jest',
+  },
+  testMatch: [
+    '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}',
+  ],
+  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
+  testPathIgnorePatterns: ['/node_modules/', '/public/'],
+  setupFilesAfterEnv: [
+    '@testing-library/jest-dom/extend-expect',
+  ],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/config/jest/fileTransform.js',
+    '.+\\.(css|scss)$': 'identity-obj-proxy',
+  },
+};

package/lib/alerts/alert.spec.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+require("babel-polyfill");
+
+require("@testing-library/jest-dom");
+
+var _react2 = require("@testing-library/react");
+
+var _Message = _interopRequireDefault(require("./Message"));
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+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 mockAlert = function mockAlert(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({
+    id: 3,
+    message: "Alerta",
+    position: "rightTop",
+    closeButton: true,
+    customClass: "mock-alert",
+    timeout: 500
+  }, props));
+};
+
+describe('Alert', function () {
+  describe('Message', function () {
+    it('should render correctly', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose
+      })),
+          container = _render.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveTextContent('Alerta');
+    });
+    it('should close with timeout 500ms', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var mockHandleClose;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              mockHandleClose = jest.fn();
+              (0, _react2.render)(mockAlert({
+                handleClose: mockHandleClose
+              }));
+              _context.next = 4;
+              return (0, _react2.waitFor)(function () {
+                return expect(mockHandleClose).toBeCalledTimes(1);
+              });
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should apply custom class', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render2 = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose
+      })),
+          container = _render2.container;
+
+      expect(container.firstChild).toHaveClass('mock-alert');
+    });
+    it('should render icon', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render3 = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose,
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+          name: "user"
+        })
+      })),
+          container = _render3.container,
+          getByTestId = _render3.getByTestId;
+
+      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
+    });
+    it('should render icon by iconName', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render4 = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose,
+        iconName: 'user'
+      })),
+          container = _render4.container,
+          getByTestId = _render4.getByTestId;
+
+      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
+    });
+    it('should change icon color', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render5 = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose,
+        iconName: 'user',
+        color: 'red'
+      })),
+          getByTestId = _render5.getByTestId;
+
+      expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
+    });
+    it('should fire event on click', function () {
+      var mockHandleClose = jest.fn();
+
+      var _render6 = (0, _react2.render)(mockAlert({
+        handleClose: mockHandleClose
+      })),
+          container = _render6.container,
+          getByRole = _render6.getByRole;
+
+      _react2.fireEvent.click(getByRole('button'));
+
+      expect(container.querySelector('.close')).toBeInTheDocument();
+      expect(container.querySelector('.close-button')).toBeInTheDocument();
+      expect(mockHandleClose).toBeCalledTimes(1);
+    });
+  });
+});

package/lib/assets/styles/popover.scss

@@ -1,7 +1,7 @@
 .popover-component {
   > .buttonicon {
-    width: auto!important;
-    height: auto!important;
+    width: auto !important;
+    height: auto !important;
     margin-top: 0 !important;
   }
   &:hover {
@@ -17,15 +17,13 @@
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   max-width: 350px;
   padding: 10px 12px;
-  > .text {
-    .title:first-child {
-      margin-top: 0px;
-    }
-    > .title {
-      font-weight: bold;
-      width: 100%;
-      margin: 10px 0 5px;
-    }
+  .title:first-child {
+    margin-top: 0px;
+  }
+  > .title {
+    font-weight: bold;
+    width: 100%;
+    margin: 10px 0 5px;
   }
   &.-dark {
     background: #777;

package/lib/assets/styles/treeview.scss

@@ -42,25 +42,6 @@
   animation: revealelement 0.3s forwards ease-in-out;
   > .label {
     width: auto;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    >.node-menu {
-      animation: revealelement 0.3s forwards ease-in-out;
-      margin-left: 10px;
-    }
-    >.node-rightelements {
-      animation: revealelement 0.3s forwards ease-in-out;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-    >.node-toolbarelements {
-      animation: revealelement 0.3s forwards ease-in-out;
-      width: auto;
-      height: 100%;
-      margin-left: 10px;
-    }
     &:hover {
       background-color: rgb(209, 209, 209);
     }
@@ -72,16 +53,3 @@
     float: left;
   }
 }
-
-.nodelist > .treeviewitem > .label > .node-rightelements  > .element,
-.treeview-component > .treeviewcontainer > .treeviewitem > .label > .node-rightelements > .element {
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-
-.nodelist > .treeviewitem > .label > .node-toolbarelements > .toolbar-group > .buttonbar,
-.treeview-component > .treeviewcontainer > .treeviewitem > .label > .node-toolbarelements > .toolbar-group > .buttonbar {
-  border: none;
-}

package/lib/avatar/avatar.spec.js

@@ -0,0 +1,190 @@
+"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");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require("."));
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+var _list = _interopRequireWildcard(require("../list"));
+
+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('Avatar', function () {
+  it('should render correctly', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B"
+    })),
+        container = _render.container;
+
+    expect(container.firstChild).toHaveClass('avatar-component -default');
+    expect(container.firstChild).toHaveTextContent('B');
+    expect(_react2.screen.getByRole('button')).toBeInTheDocument();
+  });
+  it('should apply customClass', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      customClass: "avatarteste"
+    })),
+        container = _render2.container;
+
+    expect(container.firstChild).toHaveClass('avatarteste');
+  });
+  it('should change color', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      color: "#333"
+    })),
+        container = _render3.container;
+
+    expect(container.firstChild).toHaveStyle('background-color: #333');
+  });
+  it('should change to square', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      square: true
+    })),
+        container = _render4.container;
+
+    expect(container.firstChild).toHaveClass('-square');
+  });
+  it('should change to mini', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      size: "mini"
+    })),
+        container = _render5.container;
+
+    expect(container.firstChild).toHaveClass('-mini');
+  });
+  it('should render icon with iconName', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      iconName: "calc"
+    })),
+        container = _render6.container;
+
+    expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
+  });
+  it('should render Icon with icon', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+        name: "user"
+      })
+    })),
+        container = _render7.container;
+
+    expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
+  });
+  it('should render with image', function () {
+    var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
+      src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
+      srcAlt: "Avatar Teste"
+    });
+
+    var _render8 = (0, _react2.render)(mockAvatar),
+        container = _render8.container;
+
+    expect(container.firstChild).toContainElement(_react2.screen.getByAltText('Avatar Teste'));
+    expect(_react2.screen.getByAltText('Avatar Teste')).toHaveClass('imgavatar');
+  });
+  it('should not render icon if has image', function () {
+    var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
+      src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
+      srcAlt: "Avatar Teste"
+    });
+
+    var _render9 = (0, _react2.render)(mockAvatar),
+        container = _render9.container;
+
+    expect(container.firstChild).not.toContainElement(document.querySelector('.icon-component'));
+  });
+  it('should change size', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      width: "56px",
+      height: "56px"
+    })),
+        container = _render10.container;
+
+    expect(container.firstChild).toHaveStyle('width: 56px; height:56px');
+  });
+  it('should open dropdown and render chilren', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var mockAvatar, _render11, container;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
+              label: "B",
+              dropdown: true
+            }, /*#__PURE__*/_react["default"].createElement(_list["default"], null, /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+              rightIconName: "exclamation",
+              text: "Icone na direita"
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+              rightIconName: "user",
+              text: "Icone na direita"
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+              text: "Itemlist sem \xEDcone"
+            }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
+              text: "Itemlist sem \xEDcone Disabled",
+              disabled: true
+            })));
+            _render11 = (0, _react2.render)(mockAvatar), container = _render11.container;
+
+            _react2.fireEvent.click(container.firstChild);
+
+            _context.next = 5;
+            return (0, _react2.waitFor)(function () {
+              return _react2.screen.getByTestId('dropdown-component');
+            });
+
+          case 5:
+            expect(container.firstChild).toHaveTextContent('B');
+            expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('should callback function onClick', function () {
+    var mockOnClick = jest.fn();
+
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      onClick: mockOnClick
+    })),
+        container = _render12.container;
+
+    _react2.fireEvent.click(container.firstChild);
+
+    expect(mockOnClick).toBeCalledTimes(1);
+  });
+  it('should use targetRef', function () {
+    var mockTargetRef = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
+      label: "B",
+      targetRef: mockTargetRef
+    }));
+    expect(mockTargetRef).toBeCalledTimes(1);
+  });
+});

package/lib/avatar/index.js

@@ -54,6 +54,7 @@ var Avatar = function Avatar(props) {
       iconName = props.iconName,
       icon = props.icon,
       src = props.src,
+      srcAlt = props.srcAlt,
       customClass = props.customClass,
       targetRef = props.targetRef,
       label = props.label,
@@ -64,6 +65,7 @@ var Avatar = function Avatar(props) {
       id = props.id;
   var dropdownRef = (0, _react.useRef)(null);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    "data-testid": "avatar",
     id: id,
     onKeyPress: null,
     role: "button",
@@ -83,14 +85,14 @@ var Avatar = function Avatar(props) {
       backgroundColor: "".concat(color),
       cursor: "".concat(dropdown ? 'pointer' : 'normal')
     }, style)
-  }, (iconName || icon) && getIcon(iconName, icon), src && /*#__PURE__*/_react["default"].createElement("img", {
+  }, (iconName || icon) && !src && getIcon(iconName, icon), src && /*#__PURE__*/_react["default"].createElement("img", {
     className: "imgavatar",
     style: {
       width: "".concat(width),
       height: "".concat(height)
     },
     src: src,
-    alt: "not-found"
+    alt: srcAlt
   }), label), dropdown && getDropdownPopup(dropdownRef.current));
 };
 
@@ -103,6 +105,7 @@ Avatar.propTypes = {
   iconName: _propTypes["default"].string,
   icon: _propTypes["default"].instanceOf(Object),
   src: _propTypes["default"].string,
+  srcAlt: _propTypes["default"].string,
   children: _propTypes["default"].element,
   square: _propTypes["default"].bool,
   customClass: _propTypes["default"].string,
@@ -124,6 +127,7 @@ Avatar.defaultProps = {
   iconName: '',
   icon: null,
   src: '',
+  srcAlt: 'Avatar',
   customClass: '',
   children: null,
   square: false,