@salutejs/plasma-cy-utils 0.140.0-canary.2334.19467659794.0 → 0.140.0-canary.2340.19568512004.0

package/lib/CypressDecorator.js

@@ -17,6 +17,7 @@ var themes_2 = require("@salutejs/plasma-tokens/themes");
 var themes_3 = require("@salutejs/plasma-tokens-b2c/themes");
 var plasma_typo_1 = require("@salutejs/plasma-typo");
 var SSRProvider_1 = require("./SSRProvider");
+var NormalizeCSSDecorator_1 = require("./NormalizeCSSDecorator");
 // NOTE: new theme format
 var ThemeGIGA = (0, styled_components_1.createGlobalStyle)(plasma_themes_1.plasma_giga__light);
 var ThemeCS = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_cs__light);
@@ -83,12 +84,14 @@ var CypressTestDecorator = function (_a) {
     }
     if (pkgName === 'plasma-web') {
         return (react_1.default.createElement(SSRProvider_1.SSRProvider, { noSSR: noSSR },
+            react_1.default.createElement(NormalizeCSSDecorator_1.NormalizeCSSDecorator, null),
             react_1.default.createElement(TypoThemeStyle, null),
             react_1.default.createElement(WebLightThemeStyle, null),
             children));
     }
     if (pkgName === 'plasma-b2c') {
         return (react_1.default.createElement(SSRProvider_1.SSRProvider, { noSSR: noSSR },
+            react_1.default.createElement(NormalizeCSSDecorator_1.NormalizeCSSDecorator, null),
             react_1.default.createElement(StandardTypoStyle, null),
             react_1.default.createElement(CompatibleTypoStyle, null),
             react_1.default.createElement(ColorB2CStyle, null),
@@ -96,6 +99,7 @@ var CypressTestDecorator = function (_a) {
     }
     if (['plasma-giga', 'sdds-cs', 'sdds-insol'].includes(pkgName)) {
         return (react_1.default.createElement(SSRProvider_1.SSRProvider, { noSSR: noSSR },
+            react_1.default.createElement(NormalizeCSSDecorator_1.NormalizeCSSDecorator, null),
             testPackagesThemes[pkgName],
             children));
     }

package/lib/CypressHelpers.js

@@ -1,14 +1,19 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mountLegacyMode = exports.mount = void 0;
-var react_1 = require("@cypress/react");
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@cypress/react");
+var CypressDecorator_1 = require("./CypressDecorator");
 var mount = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
     var jsx = args[0], _a = args[1], opts = _a === void 0 ? {} : _a;
-    return (0, react_1.mount)(jsx, opts);
+    return (0, react_2.mount)(react_1.default.createElement(CypressDecorator_1.CypressTestDecorator, null, jsx), opts);
 };
 exports.mount = mount;
 // INFO: для временного использования в plasma-ui
@@ -19,7 +24,7 @@ var mountLegacyMode = function () {
     }
     var jsx = args[0], _a = args[1], opts = _a === void 0 ? {} : _a;
     opts.stylesheets = ((opts === null || opts === void 0 ? void 0 : opts.stylesheets) || []).concat('https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css', 'https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css');
-    var cm = (0, react_1.mount)(jsx, opts);
+    var cm = (0, react_2.mount)(jsx, opts);
     cy.waitForResources('https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css');
     cy.waitForResources('https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css');
     cy.waitForResources('SBSansText.0.2.0.css', 'SBSansDisplay.0.2.0.css', { timeout: 1500 });

package/lib/NormalizeCSSDecorator.d.ts

@@ -0,0 +1 @@
+export declare const NormalizeCSSDecorator: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/lib/NormalizeCSSDecorator.js

@@ -0,0 +1,12 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NormalizeCSSDecorator = void 0;
+var styled_components_1 = require("styled-components");
+/* stylelint-disable selector-max-universal */
+exports.NormalizeCSSDecorator = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    html {\n        box-sizing: border-box;\n    }\n\n    *,\n    ::before,\n    ::after {\n        box-sizing: border-box;\n    }\n"], ["\n    html {\n        box-sizing: border-box;\n    }\n\n    *,\n    ::before,\n    ::after {\n        box-sizing: border-box;\n    }\n"])));
+var templateObject_1;
+/* stylelint-enable selector-max-universal */

package/lib/StyleHelpers.js

@@ -9,8 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withNoAnimation = exports.SpaceMe = exports.PadMe = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.PadMe = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 5px;\n"], ["\n    padding: 5px;\n"])));
-exports.SpaceMe = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 5px;\n"], ["\n    padding: 5px;\n"])));
+exports.PadMe = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 5px;\n    box-sizing: content-box;\n"], ["\n    padding: 5px;\n    box-sizing: content-box;\n"])));
+exports.SpaceMe = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 5px;\n    box-sizing: content-box;\n"], ["\n    padding: 5px;\n    box-sizing: content-box;\n"])));
 var withNoAnimation = function (Comp) {
     return (0, styled_components_1.default)(Comp)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        animation: none !important;\n        /* stylelint-disable-next-line selector-max-universal */\n        & * {\n            animation: none !important;\n        }\n    "], ["\n        animation: none !important;\n        /* stylelint-disable-next-line selector-max-universal */\n        & * {\n            animation: none !important;\n        }\n    "])));
 };

package/lib/getConfigMatrix.d.ts

@@ -0,0 +1,5 @@
+type GetConfigMatrixReturn = {
+    [key: string]: string;
+};
+export declare const getConfigMatrix: <T = {}>(config: T, options?: string[]) => GetConfigMatrixReturn[];
+export {};

package/lib/getConfigMatrix.js

@@ -0,0 +1,31 @@
+"use strict";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfigMatrix = void 0;
+var getConfigMatrix = function (config, options) {
+    var variations = config.variations;
+    // Find the prop with the most values
+    var maxLength = Object.values(variations).reduce(function (max, values) { return Math.max(max, Object.keys(values).length); }, 0);
+    if (maxLength === 0)
+        return [];
+    return Array.from({ length: maxLength }, function (_, i) {
+        return Object.keys(variations).reduce(function (props, propName) {
+            if ((options === null || options === void 0 ? void 0 : options.length) && !options.includes(propName)) {
+                return props;
+            }
+            var propValues = Object.keys(variations[propName]);
+            if (propValues.length === 1) {
+                if (i === 0) {
+                    // eslint-disable-next-line prefer-destructuring
+                    props[propName] = propValues[0];
+                }
+            }
+            else if (i < propValues.length) {
+                props[propName] = propValues[i];
+            }
+            return props;
+        }, {});
+    });
+};
+exports.getConfigMatrix = getConfigMatrix;

package/lib/getTests.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type GetBaseVisualTestsArgs = {
+    config: any;
+    component: string;
+    configPropsForMatrix?: string[];
+    children?: ReactNode;
+    testCaseIds?: string[];
+};
+export declare const getBaseVisualTests: ({ testCaseIds, config, component, children, configPropsForMatrix, }: GetBaseVisualTestsArgs) => Mocha.Suite;
+export {};

package/lib/getTests.js

@@ -0,0 +1,43 @@
+"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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBaseVisualTests = void 0;
+var react_1 = __importDefault(require("react"));
+var CypressHelpers_1 = require("./CypressHelpers");
+var CypressDecorator_1 = require("./CypressDecorator");
+var getConfigMatrix_1 = require("./getConfigMatrix");
+var getBaseVisualTests = function (_a) {
+    var testCaseIds = _a.testCaseIds, config = _a.config, component = _a.component, children = _a.children, configPropsForMatrix = _a.configPropsForMatrix;
+    return describe("plasma-new-hope: ".concat(component), function () {
+        var Component = (0, CypressDecorator_1.getComponent)(component);
+        var configMatrix = (0, getConfigMatrix_1.getConfigMatrix)(config, configPropsForMatrix);
+        configMatrix.forEach(function (combination, ind) {
+            var testId = (testCaseIds === null || testCaseIds === void 0 ? void 0 : testCaseIds.at(ind)) ? "".concat(testCaseIds === null || testCaseIds === void 0 ? void 0 : testCaseIds.at(ind), " ") : '';
+            var testParams = Object.entries(combination)
+                .map(function (_a) {
+                var propName = _a[0], propValue = _a[1];
+                return "".concat(propName, "=").concat(propValue);
+            })
+                .join(', ');
+            it("".concat(testId).concat(component, " ").concat(testParams), function () {
+                (0, CypressHelpers_1.mount)(react_1.default.createElement(react_1.default.Fragment, null, children ? react_1.default.createElement(Component, __assign({}, combination), children) : react_1.default.createElement(Component, __assign({}, combination))));
+                // @ts-ignore
+                cy.matchImageSnapshot();
+            });
+        });
+    });
+};
+exports.getBaseVisualTests = getBaseVisualTests;

package/lib/index.d.ts

@@ -3,3 +3,5 @@ export * from './SSRProvider';
 export * from './StyleHelpers';
 export * from './CypressDecorator';
 export * from './CypressHelpers';
+export * from './getConfigMatrix';
+export * from './getTests';

package/lib/index.js

@@ -19,3 +19,5 @@ __exportStar(require("./SSRProvider"), exports);
 __exportStar(require("./StyleHelpers"), exports);
 __exportStar(require("./CypressDecorator"), exports);
 __exportStar(require("./CypressHelpers"), exports);
+__exportStar(require("./getConfigMatrix"), exports);
+__exportStar(require("./getTests"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-cy-utils",
-  "version": "0.140.0-canary.2334.19467659794.0",
+  "version": "0.140.0-canary.2340.19568512004.0",
   "description": "Test helpers shared between ui libraries.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@cypress/react": "5.12.0",
     "@salutejs/plasma-themes": "0.38.0",
-    "@salutejs/plasma-tokens": "1.124.0-canary.2334.19467659794.0",
+    "@salutejs/plasma-tokens": "1.123.0",
     "@salutejs/plasma-tokens-b2b": "1.54.0",
     "@salutejs/plasma-tokens-b2c": "0.65.0",
     "@salutejs/plasma-tokens-web": "1.69.0",
@@ -48,5 +48,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "76ae3ec385e94214f453fa2503a4117f1afd86da"
+  "gitHead": "a69c02bc0f3808eca5049c59cf6c68af69e60a06"
 }