@skbkontur/playwright-react-ui-components 1.13.1 → 1.14.0-beta.1

package/build/src/components/Textarea.js

@@ -50,41 +50,38 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Textarea = /** @class */ (function (_super) {
     __extends(Textarea, _super);
     function Textarea(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.textareaLocator; };
+        _this[_b] = function () { return _this.textareaLocator; };
+        _this[_c] = function () { return _this.textareaLocator; };
         _this.textareaLocator = rootLocator.locator('textarea').first();
         return _this;
     }
     Textarea.prototype.isDisabled = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.textareaLocator.isDisabled(options)];
-            });
-        });
+        return this.textareaLocator.isDisabled(options);
     };
     Textarea.prototype.getValue = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.textareaLocator.inputValue(options)];
-            });
-        });
+        return this.textareaLocator.inputValue(options);
     };
     Textarea.prototype.fill = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.fill(value, options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -92,14 +89,14 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.press = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.textareaLocator.press(value, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -107,14 +104,14 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.pressSequentially = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.textareaLocator.pressSequentially(value, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -122,11 +119,11 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.clear = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.clear(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -134,14 +131,14 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.textareaLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.textareaLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -149,11 +146,11 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -161,22 +158,18 @@ var Textarea = /** @class */ (function (_super) {
     };
     Textarea.prototype.click = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     Textarea.prototype.getTooltip = function (type) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, (0, utils_1.getTooltip)(type, this)];
-            });
-        });
+        return (0, utils_1.getTooltip)(type, this);
     };
     Textarea.prototype.expect = function () {
         return new assertions_1.TextareaAssertions(this);
@@ -184,3 +177,4 @@ var Textarea = /** @class */ (function (_super) {
     return Textarea;
 }(BaseComponent_1.BaseComponent));
 exports.Textarea = Textarea;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

package/build/src/components/Toast.d.ts

@@ -2,8 +2,10 @@ import type { Locator } from '@playwright/test';
 import { BaseComponent } from './BaseComponent';
 import { ToastAssertions } from '../assertions';
 import type { InnerTextOptions } from '../options';
+import { toTextElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Toast extends BaseComponent {
     readonly rootLocator: Locator;
+    readonly [toTextElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     getText(options?: InnerTextOptions): Promise<string>;
     expect(): ToastAssertions;

package/build/src/components/Toast.js

@@ -50,23 +50,26 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toast = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Toast = /** @class */ (function (_super) {
     __extends(Toast, _super);
     function Toast(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.rootLocator; };
         return _this;
     }
     Toast.prototype.getText = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.innerText(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _b.sent()];
                 }
             });
         });
@@ -77,3 +80,4 @@ var Toast = /** @class */ (function (_super) {
     return Toast;
 }(BaseComponent_1.BaseComponent));
 exports.Toast = Toast;
+_a = LocatorSymbols_1.toTextElementLocator;

package/build/src/components/Toggle.d.ts

@@ -3,9 +3,14 @@ import { BaseComponent } from './BaseComponent';
 import type { TooltipType } from '../utils';
 import { ToggleAssertions } from '../assertions';
 import type { BlurOptions, CheckOptions, FocusOptions, InnerTextOptions, IsCheckedOptions, IsDisabledOptions, UncheckOptions } from '../options';
+import { toControlElementLocator, toCheckableElementLocator, toFocusableElementLocator, toTextElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Toggle extends BaseComponent {
     readonly rootLocator: Locator;
     readonly inputLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toCheckableElementLocator]: () => Locator;
+    readonly [toTextElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     isChecked(options?: IsCheckedOptions): Promise<boolean>;

package/build/src/components/Toggle.js

@@ -50,48 +50,42 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Toggle = /** @class */ (function (_super) {
     __extends(Toggle, _super);
     function Toggle(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.inputLocator; };
+        _this[_b] = function () { return _this.inputLocator; };
+        _this[_c] = function () { return _this.rootLocator; };
+        _this[_d] = function () { return _this.inputLocator; };
         _this.inputLocator = rootLocator.locator('input');
         return _this;
     }
     Toggle.prototype.isDisabled = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.inputLocator.isDisabled(options)];
-            });
-        });
+        return this.inputLocator.isDisabled(options);
     };
     Toggle.prototype.isChecked = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.inputLocator.isChecked(options)];
-            });
-        });
+        return this.inputLocator.isChecked(options);
     };
     Toggle.prototype.getText = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.rootLocator.innerText(options)];
-            });
-        });
+        return this.rootLocator.innerText(options);
     };
     Toggle.prototype.check = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.check(options)];
                     case 1:
-                        _a.sent();
+                        _e.sent();
                         return [2 /*return*/];
                 }
             });
@@ -99,11 +93,11 @@ var Toggle = /** @class */ (function (_super) {
     };
     Toggle.prototype.uncheck = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.uncheck(options)];
                     case 1:
-                        _a.sent();
+                        _e.sent();
                         return [2 /*return*/];
                 }
             });
@@ -111,14 +105,14 @@ var Toggle = /** @class */ (function (_super) {
     };
     Toggle.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.inputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _e.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _e.sent();
                         return [2 /*return*/];
                 }
             });
@@ -126,22 +120,18 @@ var Toggle = /** @class */ (function (_super) {
     };
     Toggle.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.inputLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _e.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     Toggle.prototype.getTooltip = function (type) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, (0, utils_1.getTooltip)(type, this)];
-            });
-        });
+        return (0, utils_1.getTooltip)(type, this);
     };
     Toggle.prototype.expect = function () {
         return new assertions_1.ToggleAssertions(this);
@@ -149,3 +139,4 @@ var Toggle = /** @class */ (function (_super) {
     return Toggle;
 }(BaseComponent_1.BaseComponent));
 exports.Toggle = Toggle;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toTextElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;

package/build/src/components/Token.d.ts

@@ -2,9 +2,12 @@ import type { Locator } from '@playwright/test';
 import { BaseComponent } from './BaseComponent';
 import { TokenAssertions } from '../assertions';
 import type { ClickOptions, InnerTextOptions, IsDisabledOptions } from '../options';
+import { toControlElementLocator, toTextElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Token extends BaseComponent {
     readonly rootLocator: Locator;
     readonly removeIconLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toTextElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getText(options?: InnerTextOptions): Promise<string>;

package/build/src/components/Token.js

@@ -50,49 +50,53 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Token = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Token = /** @class */ (function (_super) {
     __extends(Token, _super);
     function Token(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.removeIconLocator; };
+        _this[_b] = function () { return _this.rootLocator; };
         _this.removeIconLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.TokenDataTids.removeIcon));
         return _this;
     }
     Token.prototype.isDisabled = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.removeIconLocator.isVisible(options)];
                     case 1: 
                     // NOTE: В версии 4.25.2 можно перейти на data-атрибут
-                    return [2 /*return*/, !(_a.sent())];
+                    return [2 /*return*/, !(_c.sent())];
                 }
             });
         });
     };
     Token.prototype.getText = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.innerText(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _c.sent()];
                 }
             });
         });
     };
     Token.prototype.remove = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.removeIconLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
@@ -104,3 +108,4 @@ var Token = /** @class */ (function (_super) {
     return Token;
 }(BaseComponent_1.BaseComponent));
 exports.Token = Token;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator;

package/build/src/components/TokenInput.d.ts

@@ -6,11 +6,15 @@ import type { TooltipType } from '../utils';
 import { TokenInputAssertions } from '../assertions';
 import { MenuItem } from './MenuItem';
 import type { BlurOptions, ClickOptions, FillOptions, FocusOptions, IsDisabledOptions } from '../options';
+import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class TokenInput extends BaseComponent {
     readonly rootLocator: Locator;
     private readonly portal;
     readonly textareaLocator: Locator;
     readonly tokens: ComponentList<Token>;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     fill(value: string, options?: FillOptions): Promise<void>;