@salutejs/plasma-cy-utils 0.140.0-dev.0 → 0.140.1-canary.2359.19825507435.0

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.140.0-dev.0",
+  "version": "0.140.1-canary.2359.19825507435.0",
   "description": "Test helpers shared between ui libraries.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -26,12 +26,12 @@
   "devDependencies": {
     "@cypress/react": "5.12.0",
     "@salutejs/plasma-themes": "0.38.0",
-    "@salutejs/plasma-tokens": "1.124.0-dev.0",
+    "@salutejs/plasma-tokens": "1.124.0",
     "@salutejs/plasma-tokens-b2b": "1.54.0",
     "@salutejs/plasma-tokens-b2c": "0.65.0",
     "@salutejs/plasma-tokens-web": "1.69.0",
     "@salutejs/plasma-typo": "0.42.0",
-    "@salutejs/sdds-themes": "0.49.0-dev.0",
+    "@salutejs/sdds-themes": "0.49.0",
     "@types/node": "18.16.20",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -48,5 +48,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "66241361bde39c4824ffd06801a00d0f8023ce38"
+  "gitHead": "adc78a14dc336ff77a7993ce195384407fa17b55"
 }