@gravity-ui/playwright-tools 0.5.0 → 0.8.0

package/README.md

@@ -2,8 +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/isSameResponse.js

@@ -5,12 +5,23 @@ const normalizePathname_1 = require("./normalizePathname");
 const EMPTY_PATHNAME = '/';
 function isSameResponse(status, url, baseUrl) {
     return (expectedResponse) => {
-        const expectedUrl = new URL(expectedResponse.url, baseUrl);
+        const expectedUrl = typeof expectedResponse.url === 'string'
+            ? new URL(expectedResponse.url, baseUrl)
+            : expectedResponse.url;
         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);
+        let result = expectedResponse.status === status;
+        if (result) {
+            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,13 +4,14 @@ 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';
 export { getTestSlug } from './getTestSlug';
 export { hasExtraHttpHeader } from './hasExtraHttpHeader';
 export { matchScreenshot } from './matchScreenshot';
-export { mockDate } from './mockDate';
 export { removeExtraHttpHeader } from './removeExtraHttpHeader';
 export { setCacheSettings } from './setCacheSettings';
 export { setGlobalSettings } from './setGlobalSettings';

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.mockDate = 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");
@@ -25,8 +29,6 @@ var hasExtraHttpHeader_1 = require("./hasExtraHttpHeader");
 Object.defineProperty(exports, "hasExtraHttpHeader", { enumerable: true, get: function () { return hasExtraHttpHeader_1.hasExtraHttpHeader; } });
 var matchScreenshot_1 = require("./matchScreenshot");
 Object.defineProperty(exports, "matchScreenshot", { enumerable: true, get: function () { return matchScreenshot_1.matchScreenshot; } });
-var mockDate_1 = require("./mockDate");
-Object.defineProperty(exports, "mockDate", { enumerable: true, get: function () { return mockDate_1.mockDate; } });
 var removeExtraHttpHeader_1 = require("./removeExtraHttpHeader");
 Object.defineProperty(exports, "removeExtraHttpHeader", { enumerable: true, get: function () { return removeExtraHttpHeader_1.removeExtraHttpHeader; } });
 var setCacheSettings_1 = require("./setCacheSettings");

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/index.d.ts

@@ -8,3 +8,5 @@ export type { ExpectScreenshotFn, ExpectScreenshotTestArgs, ExpectScreenshotFixt
 export { expectScreenshotFixtureBuilder } from './expect-screenshot';
 export type { GlobalSettingsFixturesBuilderParams, GlobalSettingsTestArgs, GlobalSettingsWorkerArgs, } from './global-settings';
 export { globalSettingsFixturesBuilder } from './global-settings';
+export type { MountFn, MountTestArgs } from './mount';
+export { mountFixture, TEST_WRAPPER_CLASS } from './mount';

package/fixtures/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalSettingsFixturesBuilder = exports.expectScreenshotFixtureBuilder = exports.expectRequest = exports.mockNetworkFixtureBuilder = exports.testSlug = void 0;
+exports.TEST_WRAPPER_CLASS = exports.mountFixture = exports.globalSettingsFixturesBuilder = exports.expectScreenshotFixtureBuilder = exports.expectRequest = exports.mockNetworkFixtureBuilder = exports.testSlug = void 0;
 var testSlug_1 = require("./testSlug");
 Object.defineProperty(exports, "testSlug", { enumerable: true, get: function () { return testSlug_1.testSlug; } });
 var mock_network_1 = require("./mock-network");
@@ -11,3 +11,6 @@ var expect_screenshot_1 = require("./expect-screenshot");
 Object.defineProperty(exports, "expectScreenshotFixtureBuilder", { enumerable: true, get: function () { return expect_screenshot_1.expectScreenshotFixtureBuilder; } });
 var global_settings_1 = require("./global-settings");
 Object.defineProperty(exports, "globalSettingsFixturesBuilder", { enumerable: true, get: function () { return global_settings_1.globalSettingsFixturesBuilder; } });
+var mount_1 = require("./mount");
+Object.defineProperty(exports, "mountFixture", { enumerable: true, get: function () { return mount_1.mountFixture; } });
+Object.defineProperty(exports, "TEST_WRAPPER_CLASS", { enumerable: true, get: function () { return mount_1.TEST_WRAPPER_CLASS; } });

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/fixtures/mount/constants.d.ts

@@ -0,0 +1 @@
+export declare const TEST_WRAPPER_CLASS = "playwright-wrapper-test";

package/fixtures/mount/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_WRAPPER_CLASS = void 0;
+exports.TEST_WRAPPER_CLASS = 'playwright-wrapper-test';

package/fixtures/mount/index.d.ts

@@ -0,0 +1,3 @@
+export type { MountFn, MountTestArgs } from './types';
+export { mountFixture } from './mount-fixture';
+export { TEST_WRAPPER_CLASS } from './constants';

package/fixtures/mount/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_WRAPPER_CLASS = exports.mountFixture = void 0;
+var mount_fixture_1 = require("./mount-fixture");
+Object.defineProperty(exports, "mountFixture", { enumerable: true, get: function () { return mount_fixture_1.mountFixture; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "TEST_WRAPPER_CLASS", { enumerable: true, get: function () { return constants_1.TEST_WRAPPER_CLASS; } });

package/fixtures/mount/mount-fixture.d.ts

@@ -0,0 +1,3 @@
+import type { PlaywrightTestArgs, PlaywrightTestOptions, TestFixture } from '@playwright/test';
+import type { MountFn, MountTestArgs } from './types';
+export declare const mountFixture: TestFixture<MountFn, PlaywrightTestArgs & PlaywrightTestOptions & MountTestArgs>;

package/fixtures/mount/mount-fixture.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mountFixture = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("./constants");
+const mountFixture = async ({ mount: baseMount }, use) => {
+    const mount = async (component, options) => {
+        return await baseMount((0, jsx_runtime_1.jsxs)("div", { style: {
+                padding: 20,
+                // When we set width we didn't expect that paddings for better screenshots would be included
+                boxSizing: options?.width ? 'content-box' : undefined,
+                width: options?.width ? options.width : 'fit-content',
+                height: 'fit-content',
+                ...options?.rootStyle,
+            }, className: constants_1.TEST_WRAPPER_CLASS, children: [(0, jsx_runtime_1.jsx)("style", { children: '.g-button, .g-button::after { transform: scale(1) !important; }' }), component] }), options);
+    };
+    await use(mount);
+};
+exports.mountFixture = mountFixture;

package/fixtures/mount/types.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import type { MountOptions, MountResult } from '@playwright/experimental-ct-react';
+export type MountFn = <HooksConfig>(component: React.JSX.Element, options?: MountOptions<HooksConfig> & {
+    width?: number | string;
+    rootStyle?: React.CSSProperties;
+}) => Promise<MountResult>;
+export type MountTestArgs = {
+    mount: MountFn;
+};

package/fixtures/mount/types.js

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

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.5.0",
+  "version": "0.8.0",
   "description": "Tools for Playwright Test",
   "keywords": [
     "playwright",
@@ -35,6 +35,7 @@
     "./utils/**/*.*(js|d.ts)"
   ],
   "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",
     "typecheck": "tsc --noEmit",
@@ -54,21 +55,34 @@
     "@gravity-ui/eslint-config": "^3.3.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@jest/globals": "^29.7.0",
-    "@playwright/test": "^1.49.0",
+    "@playwright/experimental-ct-react": "^1.55.0",
+    "@playwright/test": "^1.55.0",
     "@swc/core": "^1.11.5",
     "@swc/jest": "^0.2.37",
     "@types/jest": "^29.5.14",
     "@types/node": "^20.17.9",
+    "@types/react": "^18.3.24",
     "eslint": "^8.57.1",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
+    "nano-staged": "^0.8.0",
     "prettier": "^3.4.2",
     "ts-jest": "^29.3.1",
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
+    "@playwright/experimental-ct-react": "^1.22",
     "@playwright/test": "^1.22"
   },
   "engines": {
     "node": ">=20"
+  },
+  "nano-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix --quiet"
+    ],
+    "*.{md,mdx}": [
+      "prettier --write"
+    ]
   }
 }

package/actions/mockDate.d.ts

@@ -1,10 +0,0 @@
-import type { Page } from '@playwright/test';
-/**
- * NOTE:
- * Replaces the Date object with an object in which the date is set to the specified one.
- *
- * The date and time are not fixed, but go at the usual speed, but starting from the specified one.
- *
- * Use playwright API Clock https://playwright.dev/docs/clock
- */
-export declare function mockDate(page: Page, year?: number, month?: number, day?: number, hour?: number, min?: number, sec?: number): Promise<void>;

package/actions/mockDate.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockDate = mockDate;
-const path_1 = require("path");
-const globalSettings_1 = require("../data/globalSettings");
-/**
- * NOTE:
- * Replaces the Date object with an object in which the date is set to the specified one.
- *
- * The date and time are not fixed, but go at the usual speed, but starting from the specified one.
- *
- * Use playwright API Clock https://playwright.dev/docs/clock
- */
-async function mockDate(page, year = globalSettings_1.globalSettings.mockDate.defaultDate.year, month = globalSettings_1.globalSettings.mockDate.defaultDate.month, day = globalSettings_1.globalSettings.mockDate.defaultDate.day, hour = globalSettings_1.globalSettings.mockDate.defaultDate.hour, min = globalSettings_1.globalSettings.mockDate.defaultDate.min, sec = globalSettings_1.globalSettings.mockDate.defaultDate.sec) {
-    await page.addInitScript({ path: (0, path_1.resolve)(require.resolve('timekeeper')) });
-    await page.addInitScript(({ year, month, day, hour, min, sec, }) => {
-        const date = new Date(year, month, day, hour, min, sec);
-        window.timekeeper.travel(date);
-    }, { year, month, day, hour, min, sec });
-}