@gravity-ui/playwright-tools 0.9.0 → 0.9.2

package/README.md

@@ -14,6 +14,7 @@ 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.
+- [component-tests](./component-tests/README.md) — Utilities and fixtures for Playwright Component Testing.
 - [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.

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

@@ -34,34 +34,39 @@ class DiffPrinter {
         const pathAnnotations = filteredLog.reduce((acc, logItem) => {
             const { context, type } = logItem;
             const path = this.makePathFromContext(context);
-            if (!acc[path]) {
-                acc[path] = [];
-            }
+            const existingAnnotations = acc[path] ?? [];
+            let newAnnotation;
             if (type === constants_1.DiffType.ValueMismatch) {
                 if (logItem.expected === undefined && logItem.received !== undefined) {
-                    acc[path].push({ type: constants_1.PathAnnotationType.ObjectExtraProperty });
+                    newAnnotation = { type: constants_1.PathAnnotationType.ObjectExtraProperty };
                 }
                 else {
-                    acc[path].push({
+                    newAnnotation = {
                         type: constants_1.PathAnnotationType.ValueMismatch,
                         expected: logItem.expected,
                         received: logItem.received,
-                    });
+                    };
                 }
             }
             else if (type === constants_1.DiffType.ObjectMissingProperty) {
-                acc[path].push({
+                newAnnotation = {
                     type: constants_1.PathAnnotationType.ObjectMissingProperty,
                     expected: logItem.expected,
-                });
+                };
             }
             else if (type === constants_1.DiffType.ArrayMissingValue) {
-                acc[path].push({
+                newAnnotation = {
                     type: constants_1.PathAnnotationType.ArrayMissingValue,
                     expected: logItem.expected,
-                });
+                };
             }
-            return acc;
+            if (!newAnnotation) {
+                return acc;
+            }
+            return {
+                ...acc,
+                [path]: [...existingAnnotations, newAnnotation],
+            };
         }, {});
         return (0, print_json_diff_1.printJsonDiff)({ json: side === 'left' ? this.left : this.right, pathAnnotations });
     }

package/component-tests/fixtures/index.d.ts

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

package/component-tests/fixtures/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_WRAPPER_CLASS = exports.mountFixture = void 0;
+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/component-tests/index.d.ts

@@ -0,0 +1,4 @@
+export type { Cases, CasesWithName, Scenario, ScenarioName } from './utils';
+export { createSmokeScenarios } from './utils';
+export type { MountFn, MountTestArgs } from './fixtures';
+export { mountFixture, TEST_WRAPPER_CLASS } from './fixtures';

package/component-tests/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_WRAPPER_CLASS = exports.mountFixture = exports.createSmokeScenarios = void 0;
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "createSmokeScenarios", { enumerable: true, get: function () { return utils_1.createSmokeScenarios; } });
+var fixtures_1 = require("./fixtures");
+Object.defineProperty(exports, "mountFixture", { enumerable: true, get: function () { return fixtures_1.mountFixture; } });
+Object.defineProperty(exports, "TEST_WRAPPER_CLASS", { enumerable: true, get: function () { return fixtures_1.TEST_WRAPPER_CLASS; } });

package/{storybook → component-tests/utils/create-smoke-scenarios}/create-smoke-scenarios.js

@@ -35,12 +35,14 @@ const createSmokeScenarios = (baseProps, propsCases, options) => {
         }
         else {
             propCases.forEach((propCase) => {
-                const hasStringifyMethod = propCase?.toString;
+                const hasStringifyMethod = propCase !== null &&
+                    propCase !== undefined &&
+                    typeof propCase.toString === 'function';
                 if (!hasStringifyMethod) {
                     throw new Error('The case value does not have a method "toString", use case with name.');
                 }
                 scenarios.push([
-                    `${scenarioName}[${propName}: ${propCase?.toString()}]`,
+                    `${scenarioName}[${propName}: ${String(propCase)}]`,
                     {
                         ...baseProps,
                         [propName]: propCase,

package/component-tests/utils/index.d.ts

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

package/component-tests/utils/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/fixtures/index.d.ts

@@ -8,5 +8,3 @@ 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.TEST_WRAPPER_CLASS = exports.mountFixture = exports.globalSettingsFixturesBuilder = exports.expectScreenshotFixtureBuilder = exports.expectRequest = exports.mockNetworkFixtureBuilder = exports.testSlug = void 0;
+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,6 +11,3 @@ 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/har/addFlushTransform.js

@@ -6,6 +6,7 @@ const getPlaywrightCoreModule_1 = require("./getPlaywrightCoreModule");
 function wrapHarRecorderMethods(HarRecorder, transform) {
     const originalFlush = HarRecorder.prototype.flush;
     if (originalFlush) {
+        // eslint-disable-next-line no-param-reassign -- intentional prototype monkey-patching
         HarRecorder.prototype.flush = function flush() {
             if (transform) {
                 // Transform requests when transform function is present

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/playwright-tools",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Tools for Playwright Test",
   "keywords": [
     "playwright",
@@ -18,10 +18,10 @@
   "files": [
     "/actions/**/*.*(js|d.ts)",
     "/auth/**/*.*(js|d.ts)",
+    "/component-tests/**/*.*(js|d.ts)",
     "/data/**/*.*(js|d.ts)",
     "/fixtures/**/*.*(js|d.ts)",
     "/har/**/*.*(js|d.ts)",
-    "/storybook/**/*.*(js|d.ts)",
     "/utils/**/*.*(js|d.ts)",
     "!/**/__tests__"
   ],
@@ -36,6 +36,11 @@
       "import": "./auth/storage/index.js",
       "require": "./auth/storage/index.js"
     },
+    "./component-tests": {
+      "types": "./component-tests/index.d.ts",
+      "import": "./component-tests/index.js",
+      "require": "./component-tests/index.js"
+    },
     "./data": {
       "types": "./data/index.d.ts",
       "import": "./data/index.js",
@@ -51,11 +56,6 @@
       "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",
@@ -65,7 +65,7 @@
   "scripts": {
     "prepare": "husky",
     "build": "tsc",
-    "clean": "find actions auth data fixtures har storybook utils -type f ! -name '.eslintrc.js' \\( -name '*.js' -o -name '*.d.ts' \\) -delete",
+    "clean": "find actions auth component-tests 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",
@@ -100,7 +100,9 @@
   },
   "peerDependencies": {
     "@playwright/experimental-ct-react": "^1.22",
-    "@playwright/test": "^1.22"
+    "@playwright/test": "^1.22",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "engines": {
     "node": ">=20"