linear-react-components-ui 1.0.11-beta.3 → 1.0.12-beta.0

package/lib/gridlayout/gridLayout.spec.js

@@ -1,142 +0,0 @@
-"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); }
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-require("@testing-library/jest-dom/extend-expect");
-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 _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 gridLayout = function gridLayout(propsRow, propsCol) {
-  return /*#__PURE__*/_react.default.createElement(_.GridRow, _extends({
-    customClass: "mock-gridRow",
-    style: {
-      backgroundColor: 'red'
-    }
-  }, propsRow), /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    customClass: "mock-gridCol",
-    style: {
-      backgroundColor: 'blue'
-    }
-  }, propsCol), "Grid Layout"));
-};
-describe('GridLayout', function () {
-  it('should render correctly', function () {
-    var _render = (0, _react2.render)(gridLayout()),
-      container = _render.container;
-    expect(container.firstChild).toBeTruthy();
-  });
-  describe('GridRow', function () {
-    it('should apply custom class', function () {
-      var _render2 = (0, _react2.render)(gridLayout()),
-        container = _render2.container;
-      expect(container.querySelector('.row')).toHaveClass('mock-gridRow');
-    });
-    it('should apply style', function () {
-      var _render3 = (0, _react2.render)(gridLayout()),
-        container = _render3.container;
-      expect(container.querySelector('.row')).toHaveStyle('background-color: red;');
-    });
-    it('should apply with trim', function () {
-      var _render4 = (0, _react2.render)(gridLayout({
-          withTrim: true
-        })),
-        container = _render4.container;
-      expect(container.querySelector('.row')).toHaveClass('-withtrim');
-    });
-    it('should apply horizontal align start', function () {
-      var _render5 = (0, _react2.render)(gridLayout({
-          horizontalAlign: 'start'
-        })),
-        container = _render5.container;
-      expect(container.querySelector('.row')).toHaveClass('justify-content-start');
-    });
-    it('should apply horizontal align end', function () {
-      var _render6 = (0, _react2.render)(gridLayout({
-          horizontalAlign: 'end'
-        })),
-        container = _render6.container;
-      expect(container.querySelector('.row')).toHaveClass('justify-content-end');
-    });
-    it('should apply horizontal align center', function () {
-      var _render7 = (0, _react2.render)(gridLayout({
-          horizontalAlign: 'center'
-        })),
-        container = _render7.container;
-      expect(container.querySelector('.row')).toHaveClass('justify-content-center');
-    });
-    it('should apply horizontal align around', function () {
-      var _render8 = (0, _react2.render)(gridLayout({
-          horizontalAlign: 'around'
-        })),
-        container = _render8.container;
-      expect(container.querySelector('.row')).toHaveClass('justify-content-around');
-    });
-    it('should apply horizontal align between', function () {
-      var _render9 = (0, _react2.render)(gridLayout({
-          horizontalAlign: 'between'
-        })),
-        container = _render9.container;
-      expect(container.querySelector('.row')).toHaveClass('justify-content-between');
-    });
-    it('should apply vertical align items-start', function () {
-      var _render10 = (0, _react2.render)(gridLayout({
-          verticalAlign: 'items-start'
-        })),
-        container = _render10.container;
-      expect(container.querySelector('.row')).toHaveClass('align-items-start');
-    });
-    it('should apply vertical align items-center', function () {
-      var _render11 = (0, _react2.render)(gridLayout({
-          verticalAlign: 'items-center'
-        })),
-        container = _render11.container;
-      expect(container.querySelector('.row')).toHaveClass('align-items-center');
-    });
-    it('should apply vertical align items-end', function () {
-      var _render12 = (0, _react2.render)(gridLayout({
-          verticalAlign: 'items-end'
-        })),
-        container = _render12.container;
-      expect(container.querySelector('.row')).toHaveClass('align-items-end');
-    });
-    it('should hide component when visible is false', function () {
-      var _render13 = (0, _react2.render)(gridLayout({
-          visible: false
-        })),
-        container = _render13.container;
-      expect(container.querySelector('.row')).not.toBeInTheDocument();
-    });
-  });
-  describe('GridCol', function () {
-    it('should apply custom class', function () {
-      var _render14 = (0, _react2.render)(gridLayout()),
-        container = _render14.container;
-      expect(container.querySelector('.grid-container')).toHaveClass('mock-gridCol');
-    });
-    it('should apply style', function () {
-      var _render15 = (0, _react2.render)(gridLayout()),
-        container = _render15.container;
-      expect(container.querySelector('.grid-container')).toHaveStyle('background-color: blue;');
-    });
-    it('should apply columns to grid', function () {
-      var _render16 = (0, _react2.render)(gridLayout({}, {
-          cols: '12 12 12 12'
-        })),
-        container = _render16.container;
-      expect(container.querySelector('.grid-container')).toHaveClass('col-xs-12');
-      expect(container.querySelector('.grid-container')).toHaveClass('col-sm-12');
-      expect(container.querySelector('.grid-container')).toHaveClass('col-md-12');
-      expect(container.querySelector('.grid-container')).toHaveClass('col-lg-12');
-    });
-    it('should hide component when visible is false', function () {
-      var _render17 = (0, _react2.render)(gridLayout({}, {
-          visible: false
-        })),
-        container = _render17.container;
-      expect(container.querySelector('.grid-container')).not.toBeInTheDocument();
-    });
-  });
-});

package/lib/icons/icons.spec.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-require("@testing-library/jest-dom/extend-expect");
-var _index = _interopRequireDefault(require("./index"));
-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 IconMock = function IconMock(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
-    name: "user"
-  }, props));
-};
-var mockSvgStruct = {
-  viewbox: '0 0 18 18',
-  paths: ['M17.064,4.656l-2.05-2.035C14.936,2.544,14.831,2.5,14.721,2.5H3.854c-0.229,0-0.417,0.188-0.417,417v14.167c0,0.229,0.188,0.417,0.417,0.417h12.917c0.229,0,0.416-0.188,0.416-0.417V4.952C17.188,4.84,17.144,4.733,17.064,4.656M6.354,3.333h7.917V10H6.354V3.333z M16.354,16.667H4.271V3.333h1.25v7.083c0,0.229,0.188,0.417,0.417,0.417h8.75c0.229,0,0.416-0.188,0.416-0.417V3.886l1.25,1.239V16.667z M13.402,4.688v3.958c0,0.229-0.186,0.417-0.417,0.417c-0.229,0-0.417-0.188-0.417-0.417V4.688c0-0.229,0.188-0.417,0.417-0.417C13.217,4.271,13.402,4.458,13.402,4.688']
-};
-describe('Icons', function () {
-  it('should render correctly', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, null)),
-      getByTestId = _render.getByTestId;
-    expect(getByTestId('icon')).toBeTruthy();
-  });
-  it('should change icon size', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-        size: 64
-      })),
-      getByTestId = _render2.getByTestId;
-    expect(getByTestId('icon')).toHaveAttribute('width', '64px');
-    expect(getByTestId('icon')).toHaveAttribute('height', '64px');
-  });
-  it('should change icon color', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-        color: "red"
-      })),
-      getByTestId = _render3.getByTestId;
-    expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
-  });
-  it('should change pointer-events', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-        pointerEvents: "all"
-      })),
-      getByTestId = _render4.getByTestId;
-    expect(getByTestId('icon')).toHaveAttribute('pointer-events', 'all');
-  });
-  it('should fire click on icon', function () {
-    var mockOnClick = jest.fn();
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-        onClick: mockOnClick
-      })),
-      getByTestId = _render5.getByTestId;
-    _react2.fireEvent.click(getByTestId('icon'));
-    expect(mockOnClick).toHaveBeenCalled();
-  });
-  it('should hide component when visible is false', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-        visible: false
-      })),
-      container = _render6.container;
-    expect(container.firstChild).not.toBeInTheDocument();
-  });
-  it('should render icon when use svgStruct', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
-        svgStruct: mockSvgStruct
-      })),
-      getByTestId = _render7.getByTestId;
-    expect(getByTestId('icon')).toHaveAttribute('viewBox', mockSvgStruct.viewbox);
-    expect(getByTestId('icon-path')).toHaveAttribute('d', mockSvgStruct.paths[0]);
-  });
-});