@salutejs/plasma-cy-utils 0.141.0-canary.2339.19756860460.0 → 0.141.0-canary.2340.19759341192.0

package/lib/CypressDecorator.js

@@ -14,8 +14,6 @@ var themes_1 = require("@salutejs/plasma-tokens-web/themes");
 // plasma-ui
 var themes_2 = require("@salutejs/plasma-tokens/themes");
 // plasma-b2c
-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
@@ -25,9 +23,6 @@ var ThemeINSOL = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_i
 // TODO: better naming
 var TypoThemeStyle = (0, styled_components_1.createGlobalStyle)(typo_1.web);
 var WebLightThemeStyle = (0, styled_components_1.createGlobalStyle)(themes_1.light);
-var StandardTypoStyle = (0, styled_components_1.createGlobalStyle)(plasma_typo_1.standard);
-var CompatibleTypoStyle = (0, styled_components_1.createGlobalStyle)(plasma_typo_1.compatible);
-var ColorB2CStyle = (0, styled_components_1.createGlobalStyle)(themes_3.dark);
 var ThemeStyle = (0, styled_components_1.createGlobalStyle)(themes_2.darkSber);
 var testPackagesThemes = {
     'plasma-giga': react_1.default.createElement(ThemeGIGA, null),
@@ -46,19 +41,19 @@ var getComponent = function (componentName) {
             pkg = require('../../../packages/plasma-ui');
             break;
         case 'plasma-web':
-            pkg = require('../../../packages/plasma-web/dist/styled-components/cjs/index.js');
+            pkg = require('../../../packages/plasma-web');
             break;
         case 'plasma-b2c':
-            pkg = require('../../../packages/plasma-b2c/dist/styled-components/cjs/index.js');
+            pkg = require('../../../packages/plasma-b2c');
             break;
         case 'plasma-giga':
-            pkg = require('../../../packages/plasma-giga/dist/styled-components/cjs/index.js');
+            pkg = require('../../../packages/plasma-giga');
             break;
         case 'sdds-cs':
-            pkg = require('../../../packages/sdds-cs/dist/styled-components/cjs/index.js');
+            pkg = require('../../../packages/sdds-cs');
             break;
         case 'sdds-insol':
-            pkg = require('../../../packages/sdds-insol/dist/styled-components/cjs/index.js');
+            pkg = require('../../../packages/sdds-insol');
             break;
         default:
             throw new Error("Library ".concat(pkgName, " is not required in plasma-core/CypressHelpers:getComponent"));
@@ -89,15 +84,7 @@ var CypressTestDecorator = function (_a) {
             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),
-            children));
-    }
-    if (['plasma-giga', 'sdds-cs', 'sdds-insol'].includes(pkgName)) {
+    if (['plasma-b2c', '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],

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/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.141.0-canary.2339.19756860460.0",
+  "version": "0.141.0-canary.2340.19759341192.0",
   "description": "Test helpers shared between ui libraries.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -48,5 +48,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "f465cee9978792be7f0773c6a1937d4af697877a"
+  "gitHead": "1bc3cc85d3493f530739d0b321a652f8e1ea8281"
 }