@gravity-ui/playwright-tools 0.8.0 → 0.8.4

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,17 @@
 "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 = typeof expectedResponse.url === 'string'
-            ? new URL(expectedResponse.url, baseUrl)
+            ? (0, getURL_1.getURL)(expectedResponse.url, baseUrl)
             : expectedResponse.url;
-        const failedUrl = new URL(url);
         let result = expectedResponse.status === status;
         if (result) {
+            const failedUrl = (0, getURL_1.getURL)(url);
             if (expectedUrl instanceof RegExp) {
                 result = expectedUrl.test(failedUrl.href);
             }

package/data/globalSettings.d.ts

@@ -78,7 +78,10 @@ export declare const globalSettings: {
         delay: number;
     };
 };
-export type GlobalSettings = typeof globalSettings;
+type GlobalSettingsType = typeof globalSettings;
+export interface GlobalSettings extends GlobalSettingsType {
+}
 export type PartialGlobalSettings = {
     [Key in keyof GlobalSettings]?: Partial<GlobalSettings[Key]>;
 };
+export {};

package/data/index.d.ts

@@ -0,0 +1,8 @@
+export type { CacheSettings } from './cacheSettings';
+export { cacheSettings } from './cacheSettings';
+export { extraHttpHeaders } from './extraHttpHeaders';
+export type { GlobalSettings, PartialGlobalSettings } from './globalSettings';
+export { globalSettings } from './globalSettings';
+export type { StorageState } from './storageStates';
+export { setState, getState, hasState, deleteState } from './storageStates';
+export { testSlugs } from './testSlugs';

package/data/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.testSlugs = exports.deleteState = exports.hasState = exports.getState = exports.setState = exports.globalSettings = exports.extraHttpHeaders = exports.cacheSettings = void 0;
+var cacheSettings_1 = require("./cacheSettings");
+Object.defineProperty(exports, "cacheSettings", { enumerable: true, get: function () { return cacheSettings_1.cacheSettings; } });
+var extraHttpHeaders_1 = require("./extraHttpHeaders");
+Object.defineProperty(exports, "extraHttpHeaders", { enumerable: true, get: function () { return extraHttpHeaders_1.extraHttpHeaders; } });
+var globalSettings_1 = require("./globalSettings");
+Object.defineProperty(exports, "globalSettings", { enumerable: true, get: function () { return globalSettings_1.globalSettings; } });
+var storageStates_1 = require("./storageStates");
+Object.defineProperty(exports, "setState", { enumerable: true, get: function () { return storageStates_1.setState; } });
+Object.defineProperty(exports, "getState", { enumerable: true, get: function () { return storageStates_1.getState; } });
+Object.defineProperty(exports, "hasState", { enumerable: true, get: function () { return storageStates_1.hasState; } });
+Object.defineProperty(exports, "deleteState", { enumerable: true, get: function () { return storageStates_1.deleteState; } });
+var testSlugs_1 = require("./testSlugs");
+Object.defineProperty(exports, "testSlugs", { enumerable: true, get: function () { return testSlugs_1.testSlugs; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/playwright-tools",
-  "version": "0.8.0",
+  "version": "0.8.4",
   "description": "Tools for Playwright Test",
   "keywords": [
     "playwright",
@@ -18,26 +18,54 @@
   "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"
+    },
+    "./data": {
+      "types": "./data/index.d.ts",
+      "import": "./data/index.js",
+      "require": "./data/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 storybook 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;