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

package/build/src/components/Select.js

@@ -50,6 +50,7 @@ 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.Select = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
@@ -63,10 +64,14 @@ var utils_2 = require("../utils");
 var ComponentList_1 = require("./ComponentList");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
     function Select(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
+        _this[_a] = function () { return _this.buttonOrLinkLocator; };
+        _this[_b] = function () { return _this.getValueLocator(); };
+        _this[_c] = function () { return _this.buttonOrLinkLocator; };
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         _this.buttonOrLinkLocator = rootLocator
             .locator('button')
@@ -74,50 +79,60 @@ var Select = /** @class */ (function (_super) {
         _this.selectLabelLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SelectDataTids.label));
         return _this;
     }
+    Select.prototype.getValueLocator = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0: return [4 /*yield*/, this.isLinkSelect()];
+                    case 1: return [2 /*return*/, (_d.sent()) ? this.buttonOrLinkLocator : this.selectLabelLocator];
+                }
+            });
+        });
+    };
     Select.prototype.isDisabled = function () {
         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.isLinkSelect()];
                     case 1:
-                        if (!_a.sent()) return [3 /*break*/, 4];
+                        if (!_d.sent()) return [3 /*break*/, 4];
                         return [4 /*yield*/, this.waitFor()];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.buttonOrLinkLocator.getAttribute(utils_1.DataVisualState.Disabled)];
-                    case 3: return [2 /*return*/, (_a.sent()) !== null];
+                    case 3: return [2 /*return*/, (_d.sent()) !== null];
                     case 4: return [4 /*yield*/, this.buttonOrLinkLocator.isDisabled()];
-                    case 5: return [2 /*return*/, _a.sent()];
+                    case 5: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Select.prototype.isMenuOpened = function () {
         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.portal.isVisible()];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Select.prototype.isLinkSelect = function () {
         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.buttonOrLinkLocator.getAttribute('type')];
-                    case 1: return [2 /*return*/, (_a.sent()) !== 'button'];
+                    case 1: return [2 /*return*/, (_d.sent()) !== 'button'];
                 }
             });
         });
     };
     Select.prototype.getSelectedValue = 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.buttonOrLinkLocator.innerText(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -125,14 +140,14 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.fillSearch = function (searchText, options) {
         return __awaiter(this, void 0, void 0, function () {
             var searchInput;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getSearchInput()];
                     case 1:
-                        searchInput = _a.sent();
+                        searchInput = _d.sent();
                         return [4 /*yield*/, searchInput.fill(searchText, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -145,14 +160,14 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.selectFirst = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.first().click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -161,17 +176,17 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.select = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, items.click(options)];
                     case 3:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -179,14 +194,14 @@ var Select = /** @class */ (function (_super) {
     };
     Select.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*/, this.waitEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.buttonOrLinkLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -194,11 +209,11 @@ var Select = /** @class */ (function (_super) {
     };
     Select.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.buttonOrLinkLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -206,8 +221,8 @@ var Select = /** @class */ (function (_super) {
     };
     Select.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: 
                     // note: rootLocator всегда в состоянии enabled, даже если Select disabled
                     // чтобы не было гонок дожидаемся доступности компонента, перед тем как взаимодействовать с ним
@@ -215,10 +230,10 @@ var Select = /** @class */ (function (_super) {
                     case 1:
                         // note: rootLocator всегда в состоянии enabled, даже если Select disabled
                         // чтобы не было гонок дожидаемся доступности компонента, перед тем как взаимодействовать с ним
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, _super.prototype.click.call(this, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -226,11 +241,11 @@ var Select = /** @class */ (function (_super) {
     };
     Select.prototype.getTooltip = function (type) {
         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.click()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/, (0, utils_2.getTooltip)(type, this)];
                 }
             });
@@ -245,14 +260,14 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.getMenuItems = function () {
         return __awaiter(this, void 0, void 0, function () {
             var container;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _d.sent();
                         return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) {
                                 return locator
                                     .locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))
@@ -267,23 +282,23 @@ var Select = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.getFirstItemByPredicate(function (item) { return __awaiter(_this, void 0, void 0, function () {
                                 var itemText;
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
+                                return __generator(this, function (_d) {
+                                    switch (_d.label) {
                                         case 0: return [4 /*yield*/, item.getText()];
                                         case 1:
-                                            itemText = _a.sent();
+                                            itemText = _d.sent();
                                             return [2 /*return*/, itemText.toLowerCase() === text.toLowerCase()];
                                     }
                                 });
                             }); })];
-                    case 2: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -291,11 +306,11 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.getMenuItemByIndex = function (index) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [2 /*return*/, items.getItemByIndex(index)];
                 }
             });
@@ -307,11 +322,11 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.getMenuItemsLocator = function (byText) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _d.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root));
                         return [2 /*return*/, items.getByText(byText)];
                 }
@@ -321,11 +336,11 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.getSearchInput = function () {
         return __awaiter(this, void 0, void 0, function () {
             var container;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _d.sent();
                         return [2 /*return*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.InputDataTids.root))];
                 }
             });
@@ -333,11 +348,11 @@ var Select = /** @class */ (function (_super) {
     };
     Select.prototype.getPortalContainer = function () {
         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.openMenuIfNeeded()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/, this.portal.getContainer()];
                 }
             });
@@ -345,15 +360,15 @@ var Select = /** @class */ (function (_super) {
     };
     Select.prototype.openMenuIfNeeded = function () {
         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.isMenuOpened()];
                     case 1:
-                        if (!!(_a.sent())) return [3 /*break*/, 3];
+                        if (!!(_d.sent())) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.buttonOrLinkLocator.click()];
                     case 2:
-                        _a.sent();
-                        _a.label = 3;
+                        _d.sent();
+                        _d.label = 3;
                     case 3: return [2 /*return*/];
                 }
             });
@@ -361,19 +376,19 @@ var Select = /** @class */ (function (_super) {
     };
     Select.prototype.waitEnabled = function () {
         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.isLinkSelect()];
                     case 1:
-                        if (!_a.sent()) return [3 /*break*/, 3];
+                        if (!_d.sent()) return [3 /*break*/, 3];
                         return [4 /*yield*/, (0, test_1.expect)(this.buttonOrLinkLocator).not.toHaveAttribute(utils_1.DataVisualState.Disabled)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, (0, test_1.expect)(this.buttonOrLinkLocator).toBeEnabled()];
                     case 4:
-                        _a.sent();
-                        _a.label = 5;
+                        _d.sent();
+                        _d.label = 5;
                     case 5: return [2 /*return*/];
                 }
             });
@@ -382,3 +397,4 @@ var Select = /** @class */ (function (_super) {
     return Select;
 }(BaseComponent_1.BaseComponent));
 exports.Select = Select;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

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

package/build/src/components/Spinner.js

@@ -50,34 +50,37 @@ 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.Spinner = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Spinner = /** @class */ (function (_super) {
     __extends(Spinner, _super);
     function Spinner(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.rootLocator; };
         return _this;
     }
     Spinner.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()];
                 }
             });
         });
     };
     Spinner.prototype.waitLoading = 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.waitFor(options)];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
@@ -85,11 +88,11 @@ var Spinner = /** @class */ (function (_super) {
     };
     Spinner.prototype.waitLoaded = 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.waitFor({ state: 'hidden', timeout: options === null || options === void 0 ? void 0 : options.timeout })];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
@@ -101,3 +104,4 @@ var Spinner = /** @class */ (function (_super) {
     return Spinner;
 }(BaseComponent_1.BaseComponent));
 exports.Spinner = Spinner;
+_a = LocatorSymbols_1.toTextElementLocator;

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

@@ -3,8 +3,12 @@ import { BaseComponent } from './BaseComponent';
 import type { TooltipType } from '../utils';
 import { TabAssertions } from '../assertions';
 import type { BlurOptions, FocusOptions, InnerTextOptions } from '../options';
+import { toControlElementLocator, toFocusableElementLocator, toTextElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Tab extends BaseComponent {
     readonly rootLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toTextElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(): Promise<boolean>;
     isActive(): Promise<boolean>;

package/build/src/components/Tab.js

@@ -50,50 +50,43 @@ 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.Tab = 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 Tab = /** @class */ (function (_super) {
     __extends(Tab, _super);
     function Tab(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.rootLocator; };
+        _this[_b] = function () { return _this.rootLocator; };
+        _this[_c] = function () { return _this.rootLocator; };
         return _this;
     }
     Tab.prototype.isDisabled = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.hasAttribute(utils_1.DataVisualState.Disabled)];
-            });
-        });
+        return this.hasAttribute(utils_1.DataVisualState.Disabled);
     };
     Tab.prototype.isActive = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.hasAttribute(utils_1.DataVisualState.Active)];
-            });
-        });
+        return this.hasAttribute(utils_1.DataVisualState.Active);
     };
     Tab.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);
     };
     Tab.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.rootLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.rootLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -101,22 +94,18 @@ var Tab = /** @class */ (function (_super) {
     };
     Tab.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.rootLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     Tab.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);
     };
     Tab.prototype.expect = function () {
         return new assertions_1.TabAssertions(this);
@@ -124,3 +113,4 @@ var Tab = /** @class */ (function (_super) {
     return Tab;
 }(BaseComponent_1.BaseComponent));
 exports.Tab = Tab;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -3,9 +3,13 @@ import { BaseComponent } from './BaseComponent';
 import type { TooltipType } from '../utils';
 import { TextareaAssertions } from '../assertions';
 import type { BlurOptions, ClearOptions, ClickOptions, FillOptions, FocusOptions, InputValueOptions, IsDisabledOptions, PressOptions, PressSequentiallyOptions } from '../options';
+import { toControlElementLocator, toFocusableElementLocator, toValueElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Textarea extends BaseComponent {
     readonly rootLocator: Locator;
     readonly textareaLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getValue(options?: InputValueOptions): Promise<string>;