@gravity-ui/playwright-tools 0.7.0 → 0.8.3

package/README.md

@@ -2,9 +2,27 @@
 
 A library of additional utilities for writing tests using Playwright Test.
 
+```
+npm i -D playwright-tools
+```
+
+The package contains several subdirectories with utilities for different purposes. You should import from these subdirectories, for example:
+
+```ts
+import { matchScreenshot } from 'playwright-tools/actions';
+```
+
+- [actions](./actions/README.md) — Browser actions.
+- [auth/storage](./auth/storage/README.md) — Authentication functions for saving and restoring browser storage snapshots.
+- [fixtures](./fixtures/README.md) — Fixtures for passing values into tests.
+- [har](./har/README.md) — Functions for working with HAR request dumps.
+- [config](./config/README.md) — Base configuration.
+- [utils](./utils/README.md) — Helper functions.
+
+You can learn more about Playwright and how to configure it in the [Playwright documentation](https://playwright.dev/docs/intro).
 
 ## Maintainers
 
 [@Avol-V](https://github.com/Avol-V)
 [SwinX](https://github.com/SwinX)
-[@vegancat63](https://github.com/vegancat63)
+[@vegancat63](https://github.com/vegancat63)

package/actions/collectPageActivity/getURL.d.ts

@@ -0,0 +1 @@
+export declare function getURL(url: string, base?: string): URL;

package/actions/collectPageActivity/getURL.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getURL = getURL;
+class InvalidURLError extends Error {
+    url;
+    base;
+    constructor(message, url, base) {
+        super(message);
+        this.name = 'InvalidURLError';
+        this.url = url;
+        this.base = base;
+        //https://github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built-ins-like-error-array-and-map-may-no-longer-work
+        Object.setPrototypeOf(this, InvalidURLError.prototype);
+        Error.captureStackTrace?.(this, this.constructor);
+    }
+    toJSON() {
+        const { url, base } = this;
+        return {
+            url,
+            base,
+        };
+    }
+}
+function getURL(url, base) {
+    try {
+        return new URL(url, base);
+    }
+    catch {
+        let message;
+        if (base === undefined) {
+            message = 'isSameResponse: failed to create URL for url %s';
+        }
+        else {
+            message = 'isSameResponse: failed to create URL for url %s and base %s';
+        }
+        console.error(message, url, base);
+        throw new InvalidURLError('isSameResponse: failed to create url', url, base);
+    }
+}

package/actions/collectPageActivity/isSameResponse.js

@@ -1,16 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isSameResponse = isSameResponse;
+const getURL_1 = require("./getURL");
 const normalizePathname_1 = require("./normalizePathname");
 const EMPTY_PATHNAME = '/';
 function isSameResponse(status, url, baseUrl) {
     return (expectedResponse) => {
-        const expectedUrl = new URL(expectedResponse.url, baseUrl);
-        const failedUrl = new URL(url);
-        let result = expectedResponse.status === status && expectedUrl.origin === failedUrl.origin;
-        if (result && expectedUrl.pathname !== EMPTY_PATHNAME) {
-            result =
-                (0, normalizePathname_1.normalizePathname)(expectedUrl.pathname) === (0, normalizePathname_1.normalizePathname)(failedUrl.pathname);
+        const expectedUrl = typeof expectedResponse.url === 'string'
+            ? (0, getURL_1.getURL)(expectedResponse.url, baseUrl)
+            : expectedResponse.url;
+        let result = expectedResponse.status === status;
+        if (result) {
+            const failedUrl = (0, getURL_1.getURL)(url);
+            if (expectedUrl instanceof RegExp) {
+                result = expectedUrl.test(failedUrl.href);
+            }
+            else {
+                result = expectedUrl.origin === failedUrl.origin;
+                if (result && expectedUrl.pathname !== EMPTY_PATHNAME) {
+                    result =
+                        (0, normalizePathname_1.normalizePathname)(expectedUrl.pathname) ===
+                            (0, normalizePathname_1.normalizePathname)(failedUrl.pathname);
+                }
+            }
         }
         return result;
     };

package/actions/collectPageActivity/normalizePathname.js

@@ -1,8 +1,8 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizePathname = void 0;
 // remove the last '/'
 // for the case if pathname was not specified in the URL, since by default it is equal to '/'
 // for the case if '/search' is compared with '/search/'
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizePathname = void 0;
 const normalizePathname = (pathname) => pathname.replace(/\/$/, '');
 exports.normalizePathname = normalizePathname;

package/actions/collectPageActivity/types.d.ts

@@ -10,7 +10,7 @@ export type ExpectedMessage = {
 };
 export type ExpectedResponse = {
     status: number;
-    url: string;
+    url: string | RegExp;
 };
 export type Config = {
     /** Url where app is available */

package/actions/disableMetrika.d.ts

@@ -0,0 +1,8 @@
+import type { Page } from '@playwright/test';
+/**
+ * Disables selected Metrika counters using the standard API
+ * {@see https://yandex.ru/support/metrica/general/user-opt-out.html}
+ */
+export declare function disableMetrika(page: Page, { counters }: {
+    counters: number[];
+}): Promise<void>;

package/actions/disableMetrika.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableMetrika = disableMetrika;
+/**
+ * Disables selected Metrika counters using the standard API
+ * {@see https://yandex.ru/support/metrica/general/user-opt-out.html}
+ */
+async function disableMetrika(page, { counters }) {
+    await page.addInitScript({
+        content: counters.reduce((countersCode, counterId) => `${countersCode}\nwindow['disableYaCounter${counterId}'] = true;`, ''),
+    });
+}

package/actions/expect-request/matchers/compare/DiffPrinter.js

@@ -35,7 +35,6 @@ class DiffPrinter {
             const { context, type } = logItem;
             const path = this.makePathFromContext(context);
             if (!acc[path]) {
-                /* eslint-disable no-return-assign, no-param-reassign */
                 acc[path] = [];
             }
             if (type === constants_1.DiffType.ValueMismatch) {

package/actions/expect-request/matchers/compare/index.d.ts

@@ -1,4 +1,2 @@
 export { compare } from './compare';
-export * from './types';
-export * from './utils';
-export { printJsonDiff } from './print-json-diff';
+export type { DiffLog } from './types';

package/actions/expect-request/matchers/compare/index.js

@@ -1,23 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.printJsonDiff = exports.compare = void 0;
+exports.compare = void 0;
 var compare_1 = require("./compare");
 Object.defineProperty(exports, "compare", { enumerable: true, get: function () { return compare_1.compare; } });
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils"), exports);
-var print_json_diff_1 = require("./print-json-diff");
-Object.defineProperty(exports, "printJsonDiff", { enumerable: true, get: function () { return print_json_diff_1.printJsonDiff; } });

package/actions/expect-request/matchers/compare/types.d.ts

@@ -1,6 +1,8 @@
 import type { Json, JsonPrimitive } from '../../types';
-import type { DecoratedLineType, DiffType, PathAnnotationType } from './constants';
-export type DiffType = (typeof DiffType)[keyof typeof DiffType];
+import { DecoratedLineType as DecoratedLineTypeConst, DiffType as DiffTypeConst, PathAnnotationType as PathAnnotationTypeConst } from './constants';
+export type DiffType = (typeof DiffTypeConst)[keyof typeof DiffTypeConst];
+export type DecoratedLineType = (typeof DecoratedLineTypeConst)[keyof typeof DecoratedLineTypeConst];
+export type PathAnnotationType = (typeof PathAnnotationTypeConst)[keyof typeof PathAnnotationTypeConst];
 export type DiffLog = DiffItem[];
 export type DiffItem = DiffItemBase & {
     context: DiffContextItem[];
@@ -8,52 +10,50 @@ export type DiffItem = DiffItemBase & {
 export type DiffItemBase = {
     side?: 'left' | 'right';
 } & ({
-    type: typeof DiffType.ValueMismatch;
+    type: typeof DiffTypeConst.ValueMismatch;
     expected?: Json;
     received?: Json;
 } | {
-    type: typeof DiffType.ObjectMissingProperty;
+    type: typeof DiffTypeConst.ObjectMissingProperty;
     expected: {
         key: string;
         value: Json;
     };
 } | {
-    type: typeof DiffType.ArrayMissingValue;
+    type: typeof DiffTypeConst.ArrayMissingValue;
     expected: Json;
 });
 export type DiffContextItem = {
     objectField?: string;
     arrayIndex?: number;
 };
-export type DecoratedLineType = (typeof DecoratedLineType)[keyof typeof DecoratedLineType];
 export type DecoratedLine = {
     fieldName?: string;
     level: number;
     diffMarker?: 'expected' | 'received';
 } & ({
-    type: typeof DecoratedLineType.PrimitiveValue;
+    type: typeof DecoratedLineTypeConst.PrimitiveValue;
     value: JsonPrimitive;
 } | {
-    type: Exclude<DecoratedLineType, typeof DecoratedLineType.PrimitiveValue>;
+    type: Exclude<DecoratedLineType, typeof DecoratedLineTypeConst.PrimitiveValue>;
 });
 export type PathAnnotation = ObjectMissingPropertyAnnotation | ObjectExtraPropertyAnnotation | ArrayMissingValueAnnotation | ValueMismatchAnnotation;
-export type PathAnnotationType = (typeof PathAnnotationType)[keyof typeof PathAnnotationType];
 export type ObjectMissingPropertyAnnotation = {
-    type: typeof PathAnnotationType.ObjectMissingProperty;
+    type: typeof PathAnnotationTypeConst.ObjectMissingProperty;
     expected: {
         key: string;
         value: Json;
     };
 };
 export type ObjectExtraPropertyAnnotation = {
-    type: typeof PathAnnotationType.ObjectExtraProperty;
+    type: typeof PathAnnotationTypeConst.ObjectExtraProperty;
 };
 export type ArrayMissingValueAnnotation = {
-    type: typeof PathAnnotationType.ArrayMissingValue;
+    type: typeof PathAnnotationTypeConst.ArrayMissingValue;
     expected: Json;
 };
 export type ValueMismatchAnnotation = {
-    type: typeof PathAnnotationType.ValueMismatch;
+    type: typeof PathAnnotationTypeConst.ValueMismatch;
     expected?: Json;
     received?: Json;
 };

package/actions/index.d.ts

@@ -4,6 +4,8 @@ export { assertElementsHidden } from './assertElementsHidden';
 export { clearExtraHttpHeaders } from './clearExtraHttpHeaders';
 export { collectPageActivity } from './collectPageActivity';
 export { disableAnimations } from './disableAnimation';
+export { disableMetrika } from './disableMetrika';
+export { expectRequest } from './expect-request';
 export { getExtraHttpHeader } from './getExtraHttpHeader';
 export { getExtraHttpHeaders } from './getExtraHttpHeaders';
 export { getGlobalSettings } from './getGlobalSettings';

package/actions/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForNetworkSettled = exports.setTestSlug = exports.setGlobalSettings = exports.setCacheSettings = exports.removeExtraHttpHeader = exports.matchScreenshot = exports.hasExtraHttpHeader = exports.getTestSlug = exports.getGlobalSettings = exports.getExtraHttpHeaders = exports.getExtraHttpHeader = exports.disableAnimations = exports.collectPageActivity = exports.clearExtraHttpHeaders = exports.assertElementsHidden = exports.addExtraHttpHeaders = exports.addExtraHttpHeader = void 0;
+exports.waitForNetworkSettled = exports.setTestSlug = exports.setGlobalSettings = exports.setCacheSettings = exports.removeExtraHttpHeader = exports.matchScreenshot = exports.hasExtraHttpHeader = exports.getTestSlug = exports.getGlobalSettings = exports.getExtraHttpHeaders = exports.getExtraHttpHeader = exports.expectRequest = exports.disableMetrika = exports.disableAnimations = exports.collectPageActivity = exports.clearExtraHttpHeaders = exports.assertElementsHidden = exports.addExtraHttpHeaders = exports.addExtraHttpHeader = void 0;
 var addExtraHttpHeader_1 = require("./addExtraHttpHeader");
 Object.defineProperty(exports, "addExtraHttpHeader", { enumerable: true, get: function () { return addExtraHttpHeader_1.addExtraHttpHeader; } });
 var addExtraHttpHeaders_1 = require("./addExtraHttpHeaders");
@@ -13,6 +13,10 @@ var collectPageActivity_1 = require("./collectPageActivity");
 Object.defineProperty(exports, "collectPageActivity", { enumerable: true, get: function () { return collectPageActivity_1.collectPageActivity; } });
 var disableAnimation_1 = require("./disableAnimation");
 Object.defineProperty(exports, "disableAnimations", { enumerable: true, get: function () { return disableAnimation_1.disableAnimations; } });
+var disableMetrika_1 = require("./disableMetrika");
+Object.defineProperty(exports, "disableMetrika", { enumerable: true, get: function () { return disableMetrika_1.disableMetrika; } });
+var expect_request_1 = require("./expect-request");
+Object.defineProperty(exports, "expectRequest", { enumerable: true, get: function () { return expect_request_1.expectRequest; } });
 var getExtraHttpHeader_1 = require("./getExtraHttpHeader");
 Object.defineProperty(exports, "getExtraHttpHeader", { enumerable: true, get: function () { return getExtraHttpHeader_1.getExtraHttpHeader; } });
 var getExtraHttpHeaders_1 = require("./getExtraHttpHeaders");

package/data/globalSettings.d.ts

@@ -58,22 +58,6 @@ export declare const globalSettings: {
          */
         onSwitchTheme: undefined | OnSwitchThemeCallback;
     };
-    /**
-     * actions/mockDate
-     */
-    mockDate: {
-        /**
-         * Default date
-         */
-        defaultDate: {
-            year: number;
-            month: number;
-            day: number;
-            hour: number;
-            min: number;
-            sec: number;
-        };
-    };
     /**
      * utils/waitForResolve
      */

package/data/globalSettings.js

@@ -74,22 +74,6 @@ exports.globalSettings = {
             await page.emulateMedia({ colorScheme: theme });
         }),
     },
-    /**
-     * actions/mockDate
-     */
-    mockDate: {
-        /**
-         * Default date
-         */
-        defaultDate: {
-            year: 2020,
-            month: 7,
-            day: 15,
-            hour: 12,
-            min: 0,
-            sec: 0,
-        },
-    },
     /**
      * utils/waitForResolve
      */

package/fixtures/mock-network/har-patcher.js

@@ -37,4 +37,6 @@ function harPatcher({ baseURL, headersToRemove: additionalHeadersToRemove = [],
         }
     });
     (0, har_1.addHarLookupTransform)(onTransformHarLookupParams, onTransformHarLookupResult);
+    // Filter out canceled requests before writing to har file
+    (0, har_1.addFlushTransform)((entries) => entries.filter((entry) => entry.time !== -1));
 }

package/har/addFlushTransform.d.ts

@@ -0,0 +1,6 @@
+import type { Entry } from './types';
+export type FlushTransformFunction = (entries: Entry[]) => Entry[];
+/**
+ * Allows making changes to the JSON that will be written to the HAR file
+ */
+export declare function addFlushTransform(transform: FlushTransformFunction): void;

package/har/addFlushTransform.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addFlushTransform = addFlushTransform;
+const getPlaywrightCoreModule_1 = require("./getPlaywrightCoreModule");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function wrapHarRecorderMethods(HarRecorder, transform) {
+    const originalFlush = HarRecorder.prototype.flush;
+    if (originalFlush) {
+        HarRecorder.prototype.flush = function flush() {
+            if (transform) {
+                // Transform requests when transform function is present
+                this._entries = transform(this._entries);
+            }
+            // Call the original method
+            return originalFlush.call(this);
+        };
+    }
+    else {
+        throw new Error('Can\'t find "flush" method in "HarRecorder" class.');
+    }
+}
+let patchInited = false;
+function initHarRecorderPatch(transform) {
+    patchInited = true;
+    const modules = (0, getPlaywrightCoreModule_1.getPlaywrightCoreModule)('lib/server/har/harRecorder');
+    for (const module of modules) {
+        wrapHarRecorderMethods(module.HarRecorder, transform);
+    }
+}
+/**
+ * Allows making changes to the JSON that will be written to the HAR file
+ */
+function addFlushTransform(transform) {
+    if (!patchInited) {
+        initHarRecorderPatch(transform);
+    }
+}

package/har/index.d.ts

@@ -4,6 +4,8 @@ export type { HarTransformFunction } from './addHarOpenTransform';
 export { addHarOpenTransform } from './addHarOpenTransform';
 export type { EntryTransformFunction } from './addHarRecorderTransform';
 export { addHarRecorderTransform } from './addHarRecorderTransform';
+export type { FlushTransformFunction } from './addFlushTransform';
+export { addFlushTransform } from './addFlushTransform';
 export { clearHeaders } from './clearHeaders';
 export { initDumps } from './initDumps';
 export { replaceBaseUrlInEntry } from './replaceBaseUrlInEntry';

package/har/index.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setExtraHash = exports.replaceBaseUrlInEntry = exports.initDumps = exports.clearHeaders = exports.addHarRecorderTransform = exports.addHarOpenTransform = exports.addHarLookupTransform = void 0;
+exports.setExtraHash = exports.replaceBaseUrlInEntry = exports.initDumps = exports.clearHeaders = exports.addFlushTransform = exports.addHarRecorderTransform = exports.addHarOpenTransform = exports.addHarLookupTransform = void 0;
 var addHarLookupTransform_1 = require("./addHarLookupTransform");
 Object.defineProperty(exports, "addHarLookupTransform", { enumerable: true, get: function () { return addHarLookupTransform_1.addHarLookupTransform; } });
 var addHarOpenTransform_1 = require("./addHarOpenTransform");
 Object.defineProperty(exports, "addHarOpenTransform", { enumerable: true, get: function () { return addHarOpenTransform_1.addHarOpenTransform; } });
 var addHarRecorderTransform_1 = require("./addHarRecorderTransform");
 Object.defineProperty(exports, "addHarRecorderTransform", { enumerable: true, get: function () { return addHarRecorderTransform_1.addHarRecorderTransform; } });
+var addFlushTransform_1 = require("./addFlushTransform");
+Object.defineProperty(exports, "addFlushTransform", { enumerable: true, get: function () { return addFlushTransform_1.addFlushTransform; } });
 var clearHeaders_1 = require("./clearHeaders");
 Object.defineProperty(exports, "clearHeaders", { enumerable: true, get: function () { return clearHeaders_1.clearHeaders; } });
 var initDumps_1 = require("./initDumps");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/playwright-tools",
-  "version": "0.7.0",
+  "version": "0.8.3",
   "description": "Tools for Playwright Test",
   "keywords": [
     "playwright",
@@ -18,26 +18,49 @@
   "files": [
     "/actions/**/*.*(js|d.ts)",
     "/auth/**/*.*(js|d.ts)",
-    "/config/**/*.*(js|d.ts)",
     "/data/**/*.*(js|d.ts)",
     "/fixtures/**/*.*(js|d.ts)",
     "/har/**/*.*(js|d.ts)",
+    "/storybook/**/*.*(js|d.ts)",
     "/utils/**/*.*(js|d.ts)",
     "!/**/__tests__"
   ],
-  "exports": [
-    "./actions/**/*.*(js|d.ts)",
-    "./auth/**/*.*(js|d.ts)",
-    "./config/**/*.*(js|d.ts)",
-    "./data/**/*.*(js|d.ts)",
-    "./fixtures/**/*.*(js|d.ts)",
-    "./har/**/*.*(js|d.ts)",
-    "./utils/**/*.*(js|d.ts)"
-  ],
+  "exports": {
+    "./actions": {
+      "types": "./actions/index.d.ts",
+      "import": "./actions/index.js",
+      "require": "./actions/index.js"
+    },
+    "./auth/storage": {
+      "types": "./auth/storage/index.d.ts",
+      "import": "./auth/storage/index.js",
+      "require": "./auth/storage/index.js"
+    },
+    "./fixtures": {
+      "types": "./fixtures/index.d.ts",
+      "import": "./fixtures/index.js",
+      "require": "./fixtures/index.js"
+    },
+    "./har": {
+      "types": "./har/index.d.ts",
+      "import": "./har/index.js",
+      "require": "./har/index.js"
+    },
+    "./storybook": {
+      "types": "./storybook/index.d.ts",
+      "import": "./storybook/index.js",
+      "require": "./storybook/index.js"
+    },
+    "./utils": {
+      "types": "./utils/index.d.ts",
+      "import": "./utils/index.js",
+      "require": "./utils/index.js"
+    }
+  },
   "scripts": {
     "prepare": "husky",
     "build": "tsc",
-    "clean": "find actions auth config data fixtures har utils -type f ! -name '.eslintrc.js' \\( -name '*.js' -o -name '*.d.ts' \\) -delete",
+    "clean": "find actions auth data fixtures har utils -type f ! -name '.eslintrc.js' \\( -name '*.js' -o -name '*.d.ts' \\) -delete",
     "typecheck": "tsc --noEmit",
     "lint": "eslint --ext .ts ./",
     "test": "jest --colors --config=jest.config.js",

package/storybook/create-smoke-scenarios.d.ts

@@ -0,0 +1,6 @@
+import type { Cases, CasesWithName, Scenario } from './types';
+interface Options {
+    scenarioName?: string;
+}
+export declare const createSmokeScenarios: <Props extends {}>(baseProps: Props, propsCases: Partial<{ [K in keyof Props]: CasesWithName<Props[K]> | Cases<Props[K]>; }>, options?: Options) => Scenario<Props>[];
+export {};

package/storybook/create-smoke-scenarios.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSmokeScenarios = void 0;
+function checkIsCasesWithName(cases) {
+    const firstCase = cases[0] || null;
+    return Array.isArray(firstCase) && firstCase.length === 2;
+}
+const createSmokeScenarios = (baseProps, propsCases, options) => {
+    const scenarioName = `${options?.scenarioName ? ` ${options?.scenarioName} ` : ''}`;
+    const scenarios = [
+        [
+            `${scenarioName}[default]`,
+            {
+                ...baseProps,
+            },
+        ],
+    ];
+    const propNames = Object.keys(propsCases);
+    propNames.forEach((propName) => {
+        const propCases = propsCases[propName];
+        if (!propCases) {
+            return;
+        }
+        if (checkIsCasesWithName(propCases)) {
+            propCases.forEach((propCase) => {
+                const [caseName, caseProps] = propCase;
+                scenarios.push([
+                    `${scenarioName}[${propName}: ${caseName}]`,
+                    {
+                        ...baseProps,
+                        [propName]: caseProps,
+                    },
+                ]);
+            });
+        }
+        else {
+            propCases.forEach((propCase) => {
+                const hasStringifyMethod = propCase?.toString;
+                if (!hasStringifyMethod) {
+                    throw new Error('The case value does not have a method "toString", use case with name.');
+                }
+                scenarios.push([
+                    `${scenarioName}[${propName}: ${propCase?.toString()}]`,
+                    {
+                        ...baseProps,
+                        [propName]: propCase,
+                    },
+                ]);
+            });
+        }
+    });
+    return scenarios;
+};
+exports.createSmokeScenarios = createSmokeScenarios;

package/storybook/index.d.ts

@@ -0,0 +1,2 @@
+export type { Cases, CasesWithName, Scenario, ScenarioName } from './types';
+export { createSmokeScenarios } from './create-smoke-scenarios';

package/storybook/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSmokeScenarios = void 0;
+var create_smoke_scenarios_1 = require("./create-smoke-scenarios");
+Object.defineProperty(exports, "createSmokeScenarios", { enumerable: true, get: function () { return create_smoke_scenarios_1.createSmokeScenarios; } });

package/storybook/types.d.ts

@@ -0,0 +1,5 @@
+export type CaseName = string;
+export type Cases<T> = Array<T>;
+export type CasesWithName<T> = Array<[CaseName, T]>;
+export type ScenarioName = string;
+export type Scenario<T> = [ScenarioName, T];

package/storybook/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/config/browsers.d.ts

@@ -1,24 +0,0 @@
-export declare const projects: ({
-    name: string;
-    use: {
-        projectName: "Chrome" | "Safari" | "Firefox";
-        viewport: import("playwright-core").ViewportSize;
-        userAgent: string;
-        deviceScaleFactor: number;
-        isMobile: boolean;
-        hasTouch: boolean;
-        defaultBrowserType: "chromium" | "firefox" | "webkit";
-    };
-} | {
-    name: string;
-    use: {
-        projectName: "Android" | "iPhone";
-        viewport: import("playwright-core").ViewportSize;
-        userAgent: string;
-        deviceScaleFactor: number;
-        isMobile: boolean;
-        hasTouch: boolean;
-        defaultBrowserType: "chromium" | "firefox" | "webkit";
-    };
-})[];
-export default projects;

package/config/browsers.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.projects = void 0;
-const browsersDesktop_1 = require("./browsersDesktop");
-const browsersMobile_1 = require("./browsersMobile");
-exports.projects = [...browsersDesktop_1.projects, ...browsersMobile_1.projects];
-exports.default = exports.projects;

package/config/browsersDesktop.d.ts

@@ -1,14 +0,0 @@
-type ProjectName = 'Chrome' | 'Safari' | 'Firefox';
-export declare const projects: {
-    name: string;
-    use: {
-        projectName: ProjectName;
-        viewport: import("@playwright/test").ViewportSize;
-        userAgent: string;
-        deviceScaleFactor: number;
-        isMobile: boolean;
-        hasTouch: boolean;
-        defaultBrowserType: "chromium" | "firefox" | "webkit";
-    };
-}[];
-export default projects;

package/config/browsersDesktop.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.projects = void 0;
-const test_1 = require("@playwright/test");
-exports.projects = [
-    {
-        name: 'Chrome',
-        use: {
-            ...test_1.devices['Desktop Chrome'],
-            projectName: 'Chrome',
-        },
-    },
-    {
-        name: 'Safari',
-        use: {
-            ...test_1.devices['Desktop Safari'],
-            projectName: 'Safari',
-        },
-    },
-    {
-        name: 'Firefox',
-        use: {
-            ...test_1.devices['Desktop Firefox'],
-            projectName: 'Firefox',
-        },
-    },
-];
-exports.default = exports.projects;

package/config/browsersMobile.d.ts

@@ -1,14 +0,0 @@
-type ProjectName = 'Android' | 'iPhone';
-export declare const projects: {
-    name: string;
-    use: {
-        projectName: ProjectName;
-        viewport: import("@playwright/test").ViewportSize;
-        userAgent: string;
-        deviceScaleFactor: number;
-        isMobile: boolean;
-        hasTouch: boolean;
-        defaultBrowserType: "chromium" | "firefox" | "webkit";
-    };
-}[];
-export default projects;

package/config/browsersMobile.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.projects = void 0;
-const test_1 = require("@playwright/test");
-exports.projects = [
-    {
-        name: 'Android',
-        use: {
-            ...test_1.devices['Pixel 5'],
-            projectName: 'Android',
-        },
-    },
-    {
-        name: 'iPhone',
-        use: {
-            ...test_1.devices['iPhone 12'],
-            projectName: 'iPhone',
-        },
-    },
-];
-exports.default = exports.projects;