@steroidsjs/core 3.1.8 → 3.1.9

package/tests/components/MetricsComponent.test.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var MetricsComponent_1 = __importDefault(require("../../src/components/MetricsComponent"));
+describe('MetricsComponent history listen', function () {
+    var subscribeCallback;
+    var historyListenCallback;
+    var componentsMock;
+    beforeEach(function () {
+        subscribeCallback = null;
+        historyListenCallback = null;
+        window.ym = jest.fn();
+        componentsMock = {
+            store: {
+                subscribe: jest.fn(function (cb) {
+                    subscribeCallback = cb;
+                    return jest.fn();
+                }),
+                getState: jest.fn(function () { return ({
+                    auth: {
+                        isInitialized: true
+                    }
+                }); }),
+                history: {
+                    listen: jest.fn(function (cb) {
+                        historyListenCallback = cb;
+                    })
+                }
+            }
+        };
+    });
+    it('subscribes to history and forwards pathname+search+hash to the page view handler', function () {
+        var metrics = new MetricsComponent_1["default"](componentsMock, {
+            enable: true,
+            counters: {
+                yandexMetrika: 'test-counter-id'
+            }
+        });
+        jest.spyOn(metrics, 'setCounters').mockImplementation(function () {
+            metrics._yandexMetrika = 'test-counter-id';
+        });
+        subscribeCallback();
+        expect(componentsMock.store.history.listen).toHaveBeenCalledTimes(1);
+        var changePageViewSpy = jest.spyOn(metrics, '_changePageViewHandler');
+        historyListenCallback({
+            pathname: '/documents',
+            search: '?page=2',
+            hash: '#section'
+        });
+        expect(changePageViewSpy).toHaveBeenCalledWith('/documents?page=2#section');
+    });
+    it('does not listen to history if metrics are disabled', function () {
+        var metrics = new MetricsComponent_1["default"](componentsMock, {
+            enable: false,
+            counters: {
+                yandexMetrika: 'test-counter-id'
+            }
+        });
+        jest.spyOn(metrics, 'setCounters').mockImplementation(function () {
+            metrics._yandexMetrika = 'test-counter-id';
+        });
+        subscribeCallback();
+        expect(componentsMock.store.history.listen).not.toHaveBeenCalled();
+    });
+});

package/tests/components/StoreComponent.test.d.ts

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

package/tests/components/StoreComponent.test.js

@@ -0,0 +1,88 @@
+"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 StoreComponent_1 = __importDefault(require("../../src/components/StoreComponent"));
+var index_1 = __importDefault(require("../../src/reducers/index"));
+describe('StoreComponent router state on construction', function () {
+    var originalEnv = process.env;
+    var originalProtocol = global.window.location.protocol;
+    beforeEach(function () {
+        process.env = __assign({}, originalEnv);
+        global.window.location.protocol = originalProtocol;
+    });
+    afterEach(function () {
+        process.env = originalEnv;
+        global.window.location.protocol = originalProtocol;
+    });
+    it('seeds router.location from a browser history on construction', function () {
+        global.window.location.protocol = 'http:';
+        var store = new StoreComponent_1["default"]({}, {
+            reducers: index_1["default"]
+        });
+        var state = store.getState();
+        expect(state.router.location).toEqual(expect.objectContaining({
+            pathname: '/',
+            search: '',
+            query: {}
+        }));
+        expect(state.router.action).toBe('POP');
+        expect(state.router.routesTree).toBeUndefined();
+        expect(state.router.match).toBeUndefined();
+    });
+    it('seeds router.location from a memory history with a forced "?" search in SSR mode', function () {
+        process.env.IS_SSR = 'true';
+        var store = new StoreComponent_1["default"]({}, {
+            reducers: index_1["default"]
+        });
+        var state = store.getState();
+        expect(state.router.location).toEqual(expect.objectContaining({
+            pathname: '/',
+            search: '?'
+        }));
+    });
+    it('seeds router.location from a hash history when location.protocol is "file:"', function () {
+        var _a, _b;
+        global.window.location.protocol = 'file:';
+        var store = new StoreComponent_1["default"]({}, {
+            reducers: index_1["default"]
+        });
+        var state = store.getState();
+        expect(state.router.location.pathname).toBe('/');
+        expect((_b = (_a = state.history) === null || _a === void 0 ? void 0 : _a.hashType) !== null && _b !== void 0 ? _b : undefined).toBeUndefined();
+    });
+    it('fully populates router.routesTree/match once ROUTER_INIT_ROUTES is dispatched', function () {
+        global.window.location.protocol = 'http:';
+        var store = new StoreComponent_1["default"]({}, {
+            reducers: index_1["default"]
+        });
+        var route = {
+            id: 'root',
+            path: '/',
+            exact: true
+        };
+        store.dispatch({
+            type: 'ROUTER_INIT_ROUTES',
+            routes: route
+        });
+        var state = store.getState();
+        expect(state.router.routesTree).toBeDefined();
+        expect(state.router.routesMap).toEqual(expect.objectContaining({
+            root: expect.objectContaining({
+                id: 'root'
+            })
+        }));
+    });
+});

package/tests/helpers/FormWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FormWrapper<PropsType>(Component: any, props: PropsType): JSX.Element;

package/tests/helpers/FormWrapper.js

@@ -0,0 +1,23 @@
+"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;
+exports.FormWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Form_1 = __importDefault(require("../../src/ui/form/Form"));
+function FormWrapper(Component, props) {
+    return ((0, jsx_runtime_1.jsx)(Form_1["default"], { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, props)) }));
+}
+exports.FormWrapper = FormWrapper;

package/tests/helpers/JSXWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JSXWrapper<PropsType>(Component: any, props: PropsType, renderPortal?: boolean, renderModalPortal?: boolean): JSX.Element;

package/tests/helpers/JSXWrapper.js

@@ -0,0 +1,26 @@
+"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;
+exports.JSXWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Portal_1 = __importDefault(require("../../src/ui/layout/Portal"));
+var ModalPortal_1 = __importDefault(require("../../src/ui/modal/ModalPortal"));
+function JSXWrapper(Component, props, renderPortal, renderModalPortal) {
+    if (renderPortal === void 0) { renderPortal = false; }
+    if (renderModalPortal === void 0) { renderModalPortal = false; }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, props)) }), renderPortal && (0, jsx_runtime_1.jsx)(Portal_1["default"], {}), renderModalPortal && (0, jsx_runtime_1.jsx)(ModalPortal_1["default"], {})] }));
+}
+exports.JSXWrapper = JSXWrapper;

package/tests/helpers/customRender.d.ts

@@ -0,0 +1,4 @@
+import { RenderOptions } from '@testing-library/react';
+import { ReactElement } from 'react';
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export { customRender as render };

package/tests/helpers/customRender.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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.render = void 0;
+var react_1 = require("@testing-library/react");
+// eslint-disable-next-line import/no-extraneous-dependencies
+var mockApplication_1 = __importDefault(require("../mocks/mockApplication"));
+var customRender = function (ui, options) { return (0, react_1.render)(ui, __assign({ wrapper: mockApplication_1["default"] }, options)); };
+exports.render = customRender;

package/tests/helpers/customRenderHook.d.ts

@@ -0,0 +1,4 @@
+import { RenderHookOptions } from '@testing-library/react';
+import { IMockApplicationConfig } from '../mocks/mockApplication';
+declare const customRenderHook: <T>(hook: (args?: any) => T, config?: IMockApplicationConfig, options?: Omit<RenderHookOptions<any>, 'wrapper'>) => import("@testing-library/react").RenderHookResult<T, any>;
+export { customRenderHook as renderHook };

package/tests/helpers/customRenderHook.js

@@ -0,0 +1,31 @@
+"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;
+exports.renderHook = void 0;
+// eslint-disable-next-line import/no-extraneous-dependencies
+var react_1 = require("@testing-library/react");
+var mockApplication_1 = __importDefault(require("../mocks/mockApplication"));
+var customRenderHook = function (hook, config, options) {
+    var Wrapper = function (_a) {
+        var children = _a.children;
+        return (0, mockApplication_1["default"])({
+            children: children,
+            config: config
+        });
+    };
+    return (0, react_1.renderHook)(hook, __assign({ wrapper: Wrapper }, options));
+};
+exports.renderHook = customRenderHook;

package/tests/helpers/getElementByClassName.d.ts

@@ -0,0 +1 @@
+export declare const getElementByClassName: (container: HTMLElement, className: string, elementIndex?: number) => Element;

package/tests/helpers/getElementByClassName.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.getElementByClassName = void 0;
+var getElementByClassName = function (container, className, elementIndex) {
+    if (elementIndex === void 0) { elementIndex = 0; }
+    return container.getElementsByClassName(className)[elementIndex];
+};
+exports.getElementByClassName = getElementByClassName;

package/tests/helpers/getElementByTag.d.ts

@@ -0,0 +1 @@
+export declare const getElementByTag: (container: HTMLElement, tag: string, elementIndex?: number) => Element;

package/tests/helpers/getElementByTag.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.getElementByTag = void 0;
+var getElementByTag = function (container, tag, elementIndex) {
+    if (elementIndex === void 0) { elementIndex = 0; }
+    return container.getElementsByTagName(tag)[elementIndex];
+};
+exports.getElementByTag = getElementByTag;

package/tests/helpers/index.d.ts

@@ -0,0 +1,7 @@
+import { FormWrapper } from './FormWrapper';
+import { JSXWrapper } from './JSXWrapper';
+import { render } from './customRender';
+import { renderHook } from './customRenderHook';
+import { getElementByClassName } from './getElementByClassName';
+import { getElementByTag } from './getElementByTag';
+export { getElementByClassName, JSXWrapper, FormWrapper, getElementByTag, render, renderHook, };

package/tests/helpers/index.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+exports.renderHook = exports.render = exports.getElementByTag = exports.FormWrapper = exports.JSXWrapper = exports.getElementByClassName = void 0;
+var FormWrapper_1 = require("./FormWrapper");
+exports.FormWrapper = FormWrapper_1.FormWrapper;
+var JSXWrapper_1 = require("./JSXWrapper");
+exports.JSXWrapper = JSXWrapper_1.JSXWrapper;
+var customRender_1 = require("./customRender");
+exports.render = customRender_1.render;
+var customRenderHook_1 = require("./customRenderHook");
+exports.renderHook = customRenderHook_1.renderHook;
+var getElementByClassName_1 = require("./getElementByClassName");
+exports.getElementByClassName = getElementByClassName_1.getElementByClassName;
+var getElementByTag_1 = require("./getElementByTag");
+exports.getElementByTag = getElementByTag_1.getElementByTag;

package/tests/hooks/useAbsolutePositioning.test.d.ts

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

package/tests/hooks/useAbsolutePositioning.test.js

@@ -0,0 +1,70 @@
+"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 react_1 = require("@testing-library/react");
+var hooks_1 = require("../../src/hooks");
+var useAbsolutePositioning_1 = require("../../src/hooks/useAbsolutePositioning");
+describe('useAbsolutePositioning hook', function () {
+    var expectedComponentExist = true;
+    var expectedComponentVisible = true;
+    var expectedComponentNotVisible = false;
+    var expectedComponentNotExist = false;
+    var defaultProps = {
+        position: useAbsolutePositioning_1.Position.TOP,
+        gap: 5,
+        componentDestroyDelay: 100,
+        visible: true,
+        onVisibleChange: jest.fn()
+    };
+    it('should return correct position', function () {
+        var result = (0, react_1.renderHook)(function () { return (0, hooks_1.useAbsolutePositioning)(defaultProps); }).result;
+        expect(result.current.position).toEqual(defaultProps.position);
+    });
+    it('should initialize with the correct visibility state', function () {
+        var result = (0, react_1.renderHook)(function () { return (0, hooks_1.useAbsolutePositioning)(defaultProps); }).result;
+        expect(result.current.isComponentExist).toBe(expectedComponentExist);
+        expect(result.current.isComponentVisible).toBe(expectedComponentNotVisible);
+        (0, react_1.waitFor)(function () {
+            expect(result.current.isComponentVisible).toEqual(expectedComponentVisible);
+        });
+    });
+    it('should toggle visibility correctly when `onShow` handler is called', function () {
+        var result = (0, react_1.renderHook)(function () { return (0, hooks_1.useAbsolutePositioning)(__assign(__assign({}, defaultProps), { visible: false })); }).result;
+        expect(result.current.isComponentVisible).toBe(expectedComponentNotVisible);
+        expect(result.current.onShow).toBeInstanceOf(Function);
+        (0, react_1.act)(function () {
+            result.current.onShow();
+        });
+        (0, react_1.waitFor)(function () {
+            expect(result.current.isComponentVisible).toEqual(expectedComponentVisible);
+        });
+    });
+    it('should toggle visibility correctly when `onHide` handler is called', function () {
+        var result = (0, react_1.renderHook)(function () { return (0, hooks_1.useAbsolutePositioning)(defaultProps); }).result;
+        expect(result.current.onHide).toBeInstanceOf(Function);
+        (0, react_1.act)(function () {
+            result.current.onHide();
+        });
+        expect(result.current.isComponentVisible).toBe(expectedComponentNotVisible);
+        (0, react_1.waitFor)(function () {
+            expect(result.current.isComponentExist).toBe(expectedComponentNotExist);
+        });
+    });
+    it('should call onVisibleChange callback then isComponentVisible has changed', function () {
+        var result = (0, react_1.renderHook)(function () { return (0, hooks_1.useAbsolutePositioning)(defaultProps); }).result;
+        (0, react_1.act)(function () {
+            result.current.onHide();
+        });
+        expect(defaultProps.onVisibleChange).toHaveBeenCalledWith(expectedComponentNotVisible);
+    });
+});

package/tests/hooks/useAddressBar.test.d.ts

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