@steroidsjs/core 3.1.8 → 3.1.9

package/tests/ui/content/CopyToClipBoard/CopyToClipBoardMockView.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+var useBem_1 = __importDefault(require("../../../../src/hooks/useBem"));
+var content_1 = require("../../../../src/ui/content");
+function CopyToClipBoardView(props) {
+    var bem = (0, useBem_1["default"])('CopyToClipBoardView');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block({
+            disabled: props.disabled
+        })), onClick: props.onClick }, { children: [props.children, props.showCopyIcon && ((0, jsx_runtime_1.jsx)(content_1.Icon, { name: "mockIcon", className: bem.element('icon') }))] })));
+}
+exports["default"] = CopyToClipBoardView;

package/tests/ui/content/Dashboard/Dashboard.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/Dashboard/Dashboard.test.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+var Dashboard_1 = __importDefault(require("../../../../src/ui/content/Dashboard"));
+var Grid_1 = __importDefault(require("../../../../src/ui/list/Grid"));
+var helpers_1 = require("../../../helpers");
+var GridMockView_1 = __importDefault(require("../../list/Grid/GridMockView"));
+var gridItems = [
+    {
+        id: 1,
+        minimum: '2022',
+        peak: '2020',
+        technology: 'NW.js'
+    },
+    {
+        id: 2,
+        minimum: '2022',
+        peak: '2016',
+        technology: 'Cordova'
+    },
+    {
+        id: 3,
+        minimum: '2022',
+        peak: '2017',
+        technology: 'Ionic'
+    },
+];
+var columns = [
+    {
+        label: 'Technology',
+        attribute: 'technology'
+    },
+    {
+        label: 'Minimum',
+        attribute: 'minimum'
+    },
+    {
+        label: 'Peak',
+        attribute: 'peak'
+    },
+];
+var items = [
+    {
+        title: 'Grid Table',
+        iconName: 'mockIcon',
+        content: (0, jsx_runtime_1.jsx)(Grid_1["default"], { listId: 'GridInDashboard', items: gridItems, columns: columns, view: GridMockView_1["default"] }),
+        col: 12
+    },
+    {
+        title: 'Data',
+        content: (0, jsx_runtime_1.jsx)("div", { children: "Another data description" }),
+        col: 12
+    },
+];
+describe('Dashboard tests', function () {
+    var expectedDashboardWrapperClass = 'FlexGridView';
+    var expectedDashboardItemClass = 'DashboardItemView';
+    var props = {
+        items: items,
+        gap: 16,
+        wrap: true
+    };
+    it('should render Dashboard', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Dashboard_1["default"], props)).container;
+        var dashboard = (0, helpers_1.getElementByClassName)(container, expectedDashboardWrapperClass);
+        var dashboardItem = (0, helpers_1.getElementByClassName)(container, expectedDashboardItemClass);
+        expect(dashboard).toBeInTheDocument();
+        expect(dashboardItem).toBeInTheDocument();
+    });
+    it('should render dashboard cards', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Dashboard_1["default"], props)).container;
+        var dashboardElements = container.querySelectorAll(".".concat(expectedDashboardItemClass));
+        expect(dashboardElements.length).toEqual(items.length);
+    });
+    it('should render dashboard card title', function () {
+        var firstDashboardItem = items[0];
+        var queryByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Dashboard_1["default"], props)).queryByText;
+        expect(queryByText(firstDashboardItem.title)).toBeInTheDocument();
+    });
+    it('should render dashboard icon for title', function () {
+        var expectedTitleIconClassName = 'IconView';
+        var expectedRole = 'img';
+        var getByRole = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Dashboard_1["default"], props)).getByRole;
+        var titleIcon = getByRole(expectedRole);
+        expect(titleIcon.className).toEqual(expectedTitleIconClassName);
+    });
+});

package/tests/ui/content/Dashboard/DashboardItemMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDashboardItemViewProps } from '../../../../src/ui/content/Dashboard/Dashboard';
+export default function DashboardItemView(props: IDashboardItemViewProps): JSX.Element;

package/tests/ui/content/Dashboard/DashboardItemMockView.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../src/hooks");
+var content_1 = require("../../../../src/ui/content");
+var typography_1 = require("../../../../src/ui/typography");
+function DashboardItemView(props) {
+    var bem = (0, hooks_1.useBem)('DashboardItemView');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.block() }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [props.iconName && (0, jsx_runtime_1.jsx)(content_1.Icon, { name: props.iconName }), (0, jsx_runtime_1.jsx)(typography_1.Title, { content: props.title, type: 'h3' })] })), props.children] })));
+}
+exports["default"] = DashboardItemView;

package/tests/ui/content/Detail/Detail.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/Detail/Detail.test.js

@@ -0,0 +1,76 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom");
+var DetailMockView_1 = __importDefault(require("./DetailMockView"));
+var Detail_1 = require("../../../../src/ui/content/Detail");
+var Detail_2 = require("../../../../src/ui/content/Detail/Detail");
+var helpers_1 = require("../../../helpers");
+global.ResizeObserver = jest.fn().mockImplementation(function () { return ({
+    observe: jest.fn(),
+    unobserve: jest.fn(),
+    disconnect: jest.fn()
+}); });
+describe('Detail tests', function () {
+    var tableHeadText = 'Status';
+    var tableValueText = 'Running';
+    var expectedDetailClass = 'DetailView';
+    var expectedDetailLabelClass = 'DetailView__label';
+    var expectedDetailValueClass = 'DetailView__value';
+    var title = 'Test';
+    var props = {
+        title: title,
+        layout: Detail_2.DetailLayoutEnum.Vertical,
+        controls: [{
+                label: 'Edit'
+            }],
+        view: DetailMockView_1["default"],
+        responsive: true,
+        children: ((0, jsx_runtime_1.jsx)(Detail_1.DetailItem, __assign({ label: tableHeadText, span: 3 }, { children: tableValueText })))
+    };
+    it('should be in the document', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Detail_1.Detail, props)).container;
+        var DetailComponent = (0, helpers_1.getElementByClassName)(container, expectedDetailClass);
+        expect(DetailComponent).toBeInTheDocument();
+    });
+    it('should render table head and row with correct attributes, classes, text', function () {
+        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Detail_1.Detail, props)).getByText;
+        var tableHead = getByText(tableHeadText);
+        var tableValue = getByText(tableValueText);
+        expect(tableHead).toBeInTheDocument();
+        expect(tableHead).toHaveClass(expectedDetailLabelClass);
+        expect(tableHead).toHaveClass("".concat(expectedDetailLabelClass, "_size_sm"));
+        expect(tableHead).toHaveAttribute('colspan', '3');
+        expect(tableValue).toBeInTheDocument();
+        expect(tableValue).toHaveClass(expectedDetailValueClass);
+        expect(tableValue).toHaveClass("".concat(expectedDetailValueClass, "_size_sm"));
+        expect(tableValue).toHaveAttribute('colspan', '3');
+    });
+    it('should have title', function () {
+        var getByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Detail_1.Detail, props)).getByText;
+        var tableTitle = getByText(title);
+        expect(tableTitle).toBeInTheDocument();
+        expect(tableTitle).toHaveClass("".concat(expectedDetailClass, "__title"));
+    });
+    it('should have controls and correct controls label', function () {
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Detail_1.Detail, props)), container = _a.container, getByText = _a.getByText;
+        var controls = (0, helpers_1.getElementByClassName)(container, "".concat(expectedDetailClass, "__controls"));
+        expect(controls).toBeInTheDocument();
+        var controlButton = getByText('Edit');
+        expect(controlButton).toBeInTheDocument();
+    });
+});

package/tests/ui/content/Detail/DetailMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDetailViewProps } from '../../../../src/ui/content/Detail/Detail';
+export default function DetailView(props: IDetailViewProps): JSX.Element;

package/tests/ui/content/Detail/DetailMockView.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../../src/hooks");
+var Detail_1 = require("../../../../src/ui/content/Detail/Detail");
+var Controls_1 = __importDefault(require("../../../../src/ui/nav/Controls/Controls"));
+var ControlsMockView_1 = __importDefault(require("../../nav/Controls/ControlsMockView"));
+function DetailView(props) {
+    var bem = (0, hooks_1.useBem)('DetailView');
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem(bem.block(), props.className), ref: props.resizedNodeRef }, { children: [(props.title || props.controls) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: bem.element('header') }, { children: [props.title && ((0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('title') }, { children: props.title }))), props.controls && ((0, jsx_runtime_1.jsx)(Controls_1["default"], { view: ControlsMockView_1["default"], items: props.controls, className: bem.element('controls') }))] }))), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('table-container') }, { children: (0, jsx_runtime_1.jsx)("table", __assign({ className: bem.element('table') }, { children: (0, jsx_runtime_1.jsx)("tbody", { children: props.rows.map(function (row, rowIndex) {
+                            if (props.layout === Detail_1.DetailLayoutEnum.Vertical) {
+                                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsx)("th", __assign({ colSpan: cell.colspan, className: bem(bem.element('label', {
+                                                    size: props.size
+                                                }), cell.labelClassName) }, { children: cell.label }), cellIndex)); }) })), (0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsx)("td", __assign({ colSpan: cell.colspan, className: bem(bem.element('value', {
+                                                    size: props.size
+                                                }), cell.contentClassName) }, { children: cell.value }), cellIndex)); }) }))] }, rowIndex));
+                            }
+                            return ((0, jsx_runtime_1.jsx)("tr", __assign({ className: bem.element('row') }, { children: row.map(function (cell, cellIndex) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("th", __assign({ colSpan: Detail_1.constants.TABLE_HEAD_COLSPAN, className: bem(bem.element('label', {
+                                                size: props.size
+                                            }), cell.labelClassName) }, { children: cell.label })), (0, jsx_runtime_1.jsx)("td", __assign({ colSpan: cell.colspan, className: bem(bem.element('value', {
+                                                size: props.size
+                                            }), cell.contentClassName) }, { children: cell.value }))] }, cellIndex)); }) }), rowIndex));
+                        }) }) })) }))] })));
+}
+exports["default"] = DetailView;

package/tests/ui/content/DropDown/DropDown.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/DropDown/DropDown.test.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var dom_1 = require("@testing-library/dom");
+require("@testing-library/jest-dom");
+var DropDown_1 = __importDefault(require("../../../../src/ui/content/DropDown/DropDown"));
+var helpers_1 = require("../../../helpers");
+describe('DropDown tests', function () {
+    var console = global.console;
+    beforeAll(function () {
+        //Workaround with directly dom rendering in document.body
+        global.console.error = jest.fn();
+    });
+    var contentText = 'Test Data';
+    var buttonText = 'test button';
+    var externalClass = 'externalClass';
+    var props = {
+        content: function () { return (0, jsx_runtime_1.jsx)("div", { children: contentText }); },
+        position: 'top',
+        closeMode: 'click-away',
+        children: (0, jsx_runtime_1.jsx)("button", { children: buttonText }),
+        className: externalClass
+    };
+    var renderComponent = function () {
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(DropDown_1["default"], props, true), {
+            container: document.body
+        }), getByText = _a.getByText, container = _a.container;
+        var dropDownDispatcher = getByText(buttonText);
+        return {
+            dropDownDispatcher: dropDownDispatcher,
+            getByText: getByText,
+            container: container
+        };
+    };
+    var expectedDropDownClass = 'DropDownView';
+    it('should appear in the document', function () {
+        var _a = renderComponent(), container = _a.container, dropDownDispatcher = _a.dropDownDispatcher;
+        dom_1.fireEvent.click(dropDownDispatcher);
+        var dropDown = (0, helpers_1.getElementByClassName)(container, expectedDropDownClass);
+        expect(dropDown).toBeInTheDocument();
+    });
+    it('should have correct position', function () {
+        var _a = renderComponent(), container = _a.container, dropDownDispatcher = _a.dropDownDispatcher;
+        dom_1.fireEvent.click(dropDownDispatcher);
+        var dropDown = (0, helpers_1.getElementByClassName)(container, expectedDropDownClass);
+        expect(dropDown).toHaveClass("".concat(expectedDropDownClass, "_position_bottom"));
+    });
+    it('should have external class and right content', function () {
+        var _a = renderComponent(), container = _a.container, dropDownDispatcher = _a.dropDownDispatcher, getByText = _a.getByText;
+        dom_1.fireEvent.click(dropDownDispatcher);
+        var dropDown = (0, helpers_1.getElementByClassName)(container, expectedDropDownClass);
+        var content = getByText(contentText);
+        expect(dropDown).toHaveClass(externalClass);
+        expect(content).toBeInTheDocument();
+    });
+    //TODO Action with close
+    afterAll(function () {
+        global.console = console;
+    });
+});

package/tests/ui/content/DropDown/DropDownMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDropDownViewProps } from '../../../../src/ui/content/DropDown/DropDown';
+export default function DropDownView(props: IDropDownViewProps): JSX.Element;

package/tests/ui/content/DropDown/DropDownMockView.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var react_1 = require("react");
+var hooks_1 = require("../../../../src/hooks");
+function DropDownView(props) {
+    var bem = (0, hooks_1.useBem)('DropDownView');
+    var ui = (0, hooks_1.useComponents)().ui;
+    var arrowRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        props.calculatePosition(props.forwardedRef.current.getBoundingClientRect(), props.hasArrow ? arrowRef.current.getBoundingClientRect() : null);
+    }, [props.calculatePosition]);
+    var contentProps = (0, react_1.useMemo)(function () { return ({
+        onClose: props.onClose
+    }); }, [props.onClose]);
+    var content;
+    if (props.content) {
+        content = props.content();
+        if ((0, isFunction_1["default"])(content)) {
+            content = ui.renderView(content, contentProps);
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: props.forwardedRef, className: bem(bem.block({
+            show: props.isComponentVisible,
+            position: props.position
+        }), props.className), style: props.style }, { children: [props.hasArrow && ((0, jsx_runtime_1.jsx)("div", { ref: arrowRef, className: bem.element('arrow', {
+                    position: props.position
+                }), style: props.arrowPosition })), (0, jsx_runtime_1.jsx)("div", __assign({ className: bem.element('content') }, { children: (0, jsx_runtime_1.jsx)("span", { children: content }) }))] })));
+}
+exports["default"] = DropDownView;

package/tests/ui/content/Icon/Icon.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/Icon/Icon.test.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+require("@testing-library/jest-dom");
+var IconMockView_1 = __importDefault(require("./IconMockView"));
+var Icon_1 = __importDefault(require("../../../../src/ui/content/Icon/Icon"));
+var helpers_1 = require("../../../helpers");
+describe('Icon tests', function () {
+    var props = {
+        view: IconMockView_1["default"],
+        name: 'mockIcon'
+    };
+    it('should be in the document', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Icon_1["default"], props)).container;
+        var icon = (0, helpers_1.getElementByClassName)(container, 'IconView');
+        expect(icon).toBeInTheDocument();
+    });
+});

package/tests/ui/content/Icon/IconMockView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIconViewProps } from '../../../../src/ui/content/Icon/Icon';
+export default function IconView(props: IIconViewProps): JSX.Element;

package/tests/ui/content/Icon/IconMockView.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hooks_1 = require("../../../../src/hooks");
+function IconView(props) {
+    var bem = (0, hooks_1.useBem)('IconView');
+    if (typeof props.icon === 'string' && props.icon.indexOf('<svg') === 0) {
+        return ((0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: {
+                __html: props.icon
+            } /* eslint-disable-line react/no-danger */, "aria-label": props.title, title: props.title, className: bem(bem.block(), props.className), onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: 0 }));
+    }
+    return ((0, jsx_runtime_1.jsx)("span", __assign({ onClick: props.onClick, onKeyPress: props.onClick, role: 'button', tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)("img", { alt: props.title, title: props.title, src: props.icon, className: bem(bem.block(), props.className) }) })));
+}
+exports["default"] = IconView;

package/tests/ui/content/Icon/mockIcon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    default: any;
+    mockIcon: any;
+};
+export default _default;

package/tests/ui/content/Icon/mockIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+// eslint-disable import/no-dynamic-require
+exports.__esModule = true;
+exports["default"] = {
+    "default": require('./mockIcon.svg'),
+    mockIcon: require('./mockIcon.svg')
+};

package/tests/ui/content/Kanban/Kanban.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/tests/ui/content/Kanban/Kanban.test.js

@@ -0,0 +1,147 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+require("@testing-library/jest-dom");
+var Kanban_1 = __importDefault(require("../../../../src/ui/content/Kanban/Kanban"));
+var helpers_1 = require("../../../helpers");
+var Droppable = function (_a) {
+    var children = _a.children;
+    return children({
+        draggableProps: {
+            style: {}
+        },
+        innerRef: jest.fn()
+    }, {});
+};
+var Draggable = function (_a) {
+    var children = _a.children;
+    return children({
+        draggableProps: {
+            style: {}
+        },
+        innerRef: jest.fn()
+    }, {});
+};
+var DragDropContext = function (_a) {
+    var children = _a.children;
+    return children;
+};
+describe('Kanban tests', function () {
+    var expectedKanbanClass = 'KanbanView';
+    var expectedColumnClass = 'KanbanColumnView';
+    var expectedTaskClass = 'KanbanTaskView';
+    var assigners = [
+        {
+            id: 1,
+            firstName: 'John',
+            lastName: 'Doe',
+            avatar: {
+                src: 'image.png'
+            }
+        },
+    ];
+    var tags = [
+        {
+            id: 1,
+            message: 'tag',
+            type: 'primary'
+        },
+    ];
+    var priorities = [
+        {
+            id: 1,
+            type: 'high'
+        },
+    ];
+    var tasks = [
+        {
+            id: 1,
+            title: 'task-1',
+            description: 'task-1 desc',
+            priority: priorities[0],
+            assigner: assigners[0],
+            tags: tags
+        },
+        {
+            id: 2,
+            title: 'task-2',
+            description: 'task-2 desc'
+        },
+        {
+            id: 3,
+            title: 'task-3'
+        },
+    ];
+    var columns = [{
+            id: 1,
+            title: 'TO DO',
+            tasks: tasks
+        }];
+    var props = {
+        kanbanId: 'Kanban',
+        draggableComponent: Draggable,
+        droppableComponent: Droppable,
+        dndContext: DragDropContext,
+        assigners: assigners,
+        tags: tags,
+        columns: columns,
+        priorities: priorities,
+        lastTaskId: 339
+    };
+    it('should render Kanban', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).container;
+        var kanban = (0, helpers_1.getElementByClassName)(container, expectedKanbanClass);
+        var column = (0, helpers_1.getElementByClassName)(container, expectedColumnClass);
+        expect(kanban).toBeInTheDocument();
+        expect(column).toBeInTheDocument();
+    });
+    it('should render columns from props', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).container;
+        var columnElements = container.querySelectorAll(".".concat(expectedColumnClass));
+        expect(columnElements.length).toEqual(columns.length);
+    });
+    it('should render correct column title', function () {
+        var expectedColumnTitle = columns[0].title;
+        var queryByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).queryByText;
+        expect(queryByText(expectedColumnTitle)).toBeInTheDocument();
+    });
+    it('should render correct column tasks counter', function () {
+        var expectedColumnTasksCount = columns[0].tasks.length;
+        var _a = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))), queryByText = _a.queryByText, getByText = _a.getByText;
+        expect(queryByText(expectedColumnTasksCount)).toBeInTheDocument();
+        expect(getByText(expectedColumnTasksCount)).toBeInTheDocument();
+    });
+    it('should render tasks cards', function () {
+        var expectedTasksInFirstColumn = tasks.length;
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).container;
+        var taskElements = container.querySelectorAll(".".concat(expectedTaskClass));
+        expect(taskElements.length).toEqual(expectedTasksInFirstColumn);
+    });
+    it('should render task card info', function () {
+        var expectedTaskTitle = tasks[0].title;
+        var expectedTaskDescription = tasks[0].description;
+        var expectedTagText = tags[0].message;
+        var queryByText = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).queryByText;
+        expect(queryByText(expectedTaskTitle)).toBeInTheDocument();
+        expect(queryByText(expectedTaskDescription)).toBeInTheDocument();
+        expect(queryByText(expectedTagText)).toBeInTheDocument();
+    });
+    it('should render create task button', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(Kanban_1["default"], __assign({}, props))).container;
+        var button = (0, helpers_1.getElementByTag)(container, 'button');
+        expect(button).toBeInTheDocument();
+    });
+});

package/tests/ui/content/Kanban/actions/kanban.test.d.ts

@@ -0,0 +1 @@
+export {};