@steroidsjs/core 3.1.7 → 3.1.9

package/tests/ui/typography/Text/Text.test.js

@@ -0,0 +1,78 @@
+"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 TextMockView_1 = __importDefault(require("./TextMockView"));
+var typography_1 = require("../../../../src/ui/typography");
+var helpers_1 = require("../../../helpers");
+describe('Text tests', function () {
+    var requiredPropsForTest = {
+        testId: 'text-test',
+        view: TextMockView_1["default"]
+    };
+    var props = __assign(__assign({}, requiredPropsForTest), { type: 'body', content: 'Text test', color: 'primary', className: 'testClass', style: {
+            marginBottom: '70px'
+        } });
+    var expectedTextClass = 'TextView';
+    var wrapper = (0, helpers_1.JSXWrapper)(typography_1.Text, props);
+    it('should be in the document and have classes', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var text = getByTestId(props.testId);
+        expect(text).toBeInTheDocument();
+        expect(text).toHaveClass(expectedTextClass);
+        expect(text).toHaveClass(props.className);
+    });
+    it('should have right color, type', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var text = getByTestId(props.testId);
+        expect(text).toHaveClass("".concat(expectedTextClass, "_color_primary"));
+        expect(text).toHaveClass("".concat(expectedTextClass, "_type_body"));
+    });
+    it('should have correct content', function () {
+        var getByText = (0, helpers_1.render)(wrapper).getByText;
+        var content = getByText(props.content);
+        expect(content).toBeInTheDocument();
+    });
+    it('should have correct html tag', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Text, props)).container;
+        var expectedHtmlTag = 'p';
+        var text = (0, helpers_1.getElementByTag)(container, expectedHtmlTag);
+        expect(text).toBeInTheDocument();
+    });
+    it('without some props, should use default html tag', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Text, requiredPropsForTest)).container;
+        var expectedHtmlTag = 'p';
+        var text = (0, helpers_1.getElementByTag)(container, expectedHtmlTag);
+        expect(text).toBeInTheDocument();
+    });
+    it('should have external html tag', function () {
+        var tag = 'span';
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Text, __assign(__assign({}, props), { tag: tag }))).container;
+        var span = (0, helpers_1.getElementByTag)(container, tag);
+        expect(span).toBeInTheDocument();
+    });
+    it('should have children', function () {
+        var children = 'children';
+        var getByTestId = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Text, __assign(__assign({}, props), { children: children }))).getByTestId;
+        var text = getByTestId(props.testId);
+        expect(text).toHaveTextContent(children);
+    });
+    it('should have right style', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var text = getByTestId(props.testId);
+        expect(text).toHaveStyle(props.style);
+    });
+});

package/tests/ui/typography/Text/TextMockView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ITextViewProps } from '../../../../src/ui/typography/Text/Text';
+interface ITextMockViewProps extends ITextViewProps {
+    testId: string;
+}
+export default function TextView(props: ITextMockViewProps): import("react").DetailedReactHTMLElement<{
+    className: string;
+    style: import("react").CSSProperties;
+    'data-testid': string;
+}, HTMLElement>;
+export {};

package/tests/ui/typography/Text/TextMockView.js

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../../src/hooks");
+var TYPE_MAPPING = {
+    body: 'p',
+    span: 'span',
+    boldSpan: 'span'
+};
+function TextView(props) {
+    var bem = (0, hooks_1.useBem)('TextView');
+    var tag = props.tag || TYPE_MAPPING[props.type] || 'p';
+    return (0, react_1.createElement)(tag, {
+        className: bem(bem.block({
+            type: props.type,
+            color: props.color
+        }), props.className),
+        style: props.style,
+        'data-testid': props.testId
+    }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.content, props.children] }));
+}
+exports["default"] = TextView;

package/tests/ui/typography/Title/Title.test.d.ts

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

package/tests/ui/typography/Title/Title.test.js

@@ -0,0 +1,78 @@
+"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 TitleMockView_1 = __importDefault(require("./TitleMockView"));
+var typography_1 = require("../../../../src/ui/typography");
+var helpers_1 = require("../../../helpers");
+describe('Title tests', function () {
+    var requiredPropsForTest = {
+        testId: 'title-test',
+        view: TitleMockView_1["default"]
+    };
+    var props = __assign(__assign({}, requiredPropsForTest), { type: 'h1', content: 'Title test', color: 'primary', className: 'testClass', style: {
+            marginBottom: '70px'
+        } });
+    var expectedTitleClass = 'TitleView';
+    var wrapper = (0, helpers_1.JSXWrapper)(typography_1.Title, props);
+    it('should be in the document and have classes', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var title = getByTestId(props.testId);
+        expect(title).toBeInTheDocument();
+        expect(title).toHaveClass(expectedTitleClass);
+        expect(title).toHaveClass(props.className);
+    });
+    it('should have right color, type', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var title = getByTestId(props.testId);
+        expect(title).toHaveClass("".concat(expectedTitleClass, "_color_primary"));
+        expect(title).toHaveClass("".concat(expectedTitleClass, "_type_h1"));
+    });
+    it('should have correct content', function () {
+        var getByText = (0, helpers_1.render)(wrapper).getByText;
+        var content = getByText(props.content);
+        expect(content).toBeInTheDocument();
+    });
+    it('should have correct html tag', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Title, props)).container;
+        var expectedHtmlTag = 'h1';
+        var title = (0, helpers_1.getElementByTag)(container, expectedHtmlTag);
+        expect(title).toBeInTheDocument();
+    });
+    it('without some props, should use default html tag', function () {
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Title, requiredPropsForTest)).container;
+        var expectedHtmlTag = 'h2';
+        var title = (0, helpers_1.getElementByTag)(container, expectedHtmlTag);
+        expect(title).toBeInTheDocument();
+    });
+    it('should have external html tag', function () {
+        var tag = 'h5';
+        var container = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Title, __assign(__assign({}, props), { tag: tag }))).container;
+        var title = (0, helpers_1.getElementByTag)(container, tag);
+        expect(title).toBeInTheDocument();
+    });
+    it('should have children', function () {
+        var children = 'children';
+        var getByTestId = (0, helpers_1.render)((0, helpers_1.JSXWrapper)(typography_1.Title, __assign(__assign({}, props), { children: children }))).getByTestId;
+        var title = getByTestId(props.testId);
+        expect(title).toHaveTextContent(children);
+    });
+    it('should have right style', function () {
+        var getByTestId = (0, helpers_1.render)(wrapper).getByTestId;
+        var title = getByTestId(props.testId);
+        expect(title).toHaveStyle(props.style);
+    });
+});

package/tests/ui/typography/Title/TitleMockView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ITitleViewProps } from '../../../../src/ui/typography/Title/Title';
+interface ITitleMockViewProps extends ITitleViewProps {
+    testId: string;
+}
+export default function TitleView(props: ITitleMockViewProps): import("react").DetailedReactHTMLElement<{
+    className: string;
+    style: import("react").CSSProperties;
+    'data-testid': string;
+}, HTMLElement>;
+export {};

package/tests/ui/typography/Title/TitleMockView.js

@@ -0,0 +1,27 @@
+"use strict";
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var hooks_1 = require("../../../../src/hooks");
+var TYPE_MAPPING = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    subtitle: 'h6'
+};
+function TitleView(props) {
+    var bem = (0, hooks_1.useBem)('TitleView');
+    var tag = props.tag || TYPE_MAPPING[props.type] || 'h2';
+    return (0, react_1.createElement)(tag, {
+        className: bem(bem.block({
+            type: props.type,
+            color: props.color
+        }), props.className),
+        style: props.style,
+        'data-testid': props.testId
+    }, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.content, props.children] }));
+}
+exports["default"] = TitleView;

package/tests/utils/calculateComponentAbsolutePosition.test.d.ts

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