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

package/build/src/assertions/TokenInputAssertions.js

@@ -53,7 +53,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TokenInputAssertions = void 0;
 var BaseComponentAssertions_1 = require("./BaseComponentAssertions");
-var matchers_1 = require("../matchers");
+var extensions_1 = require("../extensions");
 var TokenInputAssertions = /** @class */ (function (_super) {
     __extends(TokenInputAssertions, _super);
     function TokenInputAssertions(tokenInput) {
@@ -65,7 +65,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.textareaLocator).toBeEnabled(options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).toBeEnabledEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -77,7 +77,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.textareaLocator).toBeDisabled(options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).toBeDisabledEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -89,7 +89,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.tokens.itemsLocator).toHaveCount(0, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).toBeEmptyEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -101,7 +101,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.tokens.itemsLocator).not.toHaveCount(0, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).not.toBeEmptyEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -113,7 +113,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.textareaLocator).toBeFocused(options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).toBeFocusedEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -125,7 +125,7 @@ var TokenInputAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tokenInput.textareaLocator).not.toBeFocused(options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).not.toBeFocusedEx(options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -135,29 +135,9 @@ var TokenInputAssertions = /** @class */ (function (_super) {
     };
     TokenInputAssertions.prototype.toContainTokens = function (tokenNames, options) {
         return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, matchers_1.mergedExpects
-                            .poll(function () { return __awaiter(_this, void 0, void 0, function () {
-                            var tokens;
-                            var _this = this;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, this.tokenInput.tokens.getItems()];
-                                    case 1:
-                                        tokens = _a.sent();
-                                        return [4 /*yield*/, Promise.all(tokens.map(function (x) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                                                switch (_a.label) {
-                                                    case 0: return [4 /*yield*/, x.getText()];
-                                                    case 1: return [2 /*return*/, _a.sent()];
-                                                }
-                                            }); }); }))];
-                                    case 2: return [2 /*return*/, _a.sent()];
-                                }
-                            });
-                        }); }, options)
-                            .toEqual(matchers_1.mergedExpects.arrayContaining(tokenNames))];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tokenInput).toContainTokensEx(tokenNames, options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];

package/build/src/assertions/TooltipAssertions.js

@@ -53,7 +53,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipAssertions = void 0;
 var BaseComponentAssertions_1 = require("./BaseComponentAssertions");
-var matchers_1 = require("../matchers");
+var extensions_1 = require("../extensions");
 var TooltipAssertions = /** @class */ (function (_super) {
     __extends(TooltipAssertions, _super);
     function TooltipAssertions(tooltip) {
@@ -65,7 +65,7 @@ var TooltipAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tooltip.rootLocator).toHaveText(text, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tooltip).toHaveTextEx(text, options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -77,7 +77,7 @@ var TooltipAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tooltip.rootLocator).not.toHaveText(text, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tooltip).not.toHaveTextEx(text, options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -89,7 +89,7 @@ var TooltipAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tooltip.rootLocator).toContainText(text, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tooltip).toContainTextEx(text, options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -101,7 +101,7 @@ var TooltipAssertions = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, matchers_1.mergedExpects)(this.tooltip.rootLocator).not.toContainText(text, options)];
+                    case 0: return [4 /*yield*/, (0, extensions_1.expect)(this.tooltip).not.toContainTextEx(text, options)];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];

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

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

package/build/src/components/Autocomplete.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.Autocomplete = void 0;
 var test_1 = require("@playwright/test");
@@ -59,47 +60,51 @@ var Portal_1 = require("./Portal");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Autocomplete = /** @class */ (function (_super) {
     __extends(Autocomplete, _super);
     function Autocomplete(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
+        _this[_a] = function () { return _this.inputLocator; };
+        _this[_b] = function () { return _this.inputLocator; };
+        _this[_c] = function () { return _this.inputLocator; };
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         _this.inputLocator = rootLocator.locator('input');
         return _this;
     }
     Autocomplete.prototype.isDisabled = 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.inputLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Autocomplete.prototype.getValue = 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.inputLocator.inputValue(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Autocomplete.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.focus()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.clear()];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.fill(value, options)];
                     case 3:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -107,11 +112,11 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator.press(value, options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -119,11 +124,11 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator.pressSequentially(value, options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -131,11 +136,11 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator.clear(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -143,14 +148,14 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -158,11 +163,11 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -170,34 +175,30 @@ var Autocomplete = /** @class */ (function (_super) {
     };
     Autocomplete.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.inputLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     Autocomplete.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);
     };
     Autocomplete.prototype.selectFirstSuggestion = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var suggestions;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getSuggestions()];
                     case 1:
-                        suggestions = _a.sent();
+                        suggestions = _d.sent();
                         return [4 /*yield*/, suggestions.first().click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -206,14 +207,14 @@ var Autocomplete = /** @class */ (function (_super) {
     Autocomplete.prototype.selectSuggestionByIndex = function (index, options) {
         return __awaiter(this, void 0, void 0, function () {
             var suggestions;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getSuggestions()];
                     case 1:
-                        suggestions = _a.sent();
+                        suggestions = _d.sent();
                         return [4 /*yield*/, suggestions.nth(index).click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -222,14 +223,14 @@ var Autocomplete = /** @class */ (function (_super) {
     Autocomplete.prototype.selectSuggestionByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var suggestions;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getSuggestions()];
                     case 1:
-                        suggestions = _a.sent();
+                        suggestions = _d.sent();
                         return [4 /*yield*/, suggestions.getByText(text).click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -241,11 +242,11 @@ var Autocomplete = /** @class */ (function (_super) {
     Autocomplete.prototype.getSuggestions = 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.portal.getContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _d.sent();
                         return [2 /*return*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))];
                 }
             });
@@ -254,3 +255,4 @@ var Autocomplete = /** @class */ (function (_super) {
     return Autocomplete;
 }(BaseComponent_1.BaseComponent));
 exports.Autocomplete = Autocomplete;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -1,9 +1,13 @@
 import type { Locator, Page } from '@playwright/test';
 import { BaseComponentAssertions } from '../assertions';
 import type { ClickOptions, GetAttributeOptions, HoverOptions, IsVisibleOptions, ScrollIntoViewIfNeededOptions, WaitForOptions } from '../options';
+import { toVisibleElementLocator, toRootElementLocator, toHaveAttributeElementLocator } from '../matchers/component/LocatorSymbols';
 export declare abstract class BaseComponent {
     readonly rootLocator: Locator;
     readonly page: Page;
+    readonly [toVisibleElementLocator]: () => Locator;
+    readonly [toRootElementLocator]: () => Locator;
+    readonly [toHaveAttributeElementLocator]: () => Locator;
     protected constructor(rootLocator: Locator);
     isVisible(options?: IsVisibleOptions): Promise<boolean>;
     hasError(options?: GetAttributeOptions): Promise<boolean>;

package/build/src/components/BaseComponent.js

@@ -35,58 +35,64 @@ 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.BaseComponent = void 0;
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var BaseComponent = /** @class */ (function () {
     function BaseComponent(rootLocator) {
+        var _this = this;
         this.rootLocator = rootLocator;
+        this[_a] = function () { return _this.rootLocator; };
+        this[_b] = function () { return _this.rootLocator; };
+        this[_c] = function () { return _this.rootLocator; };
         this.page = rootLocator.page();
     }
     BaseComponent.prototype.isVisible = 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.isVisible(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     BaseComponent.prototype.hasError = 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.waitFor()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.hasAttribute(utils_1.DataVisualState.Error, options)];
-                    case 2: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     BaseComponent.prototype.hasWarning = 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.waitFor()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.hasAttribute(utils_1.DataVisualState.Warning, options)];
-                    case 2: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     BaseComponent.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.rootLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -94,11 +100,11 @@ var BaseComponent = /** @class */ (function () {
     };
     BaseComponent.prototype.hover = 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.hover(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -106,11 +112,11 @@ var BaseComponent = /** @class */ (function () {
     };
     BaseComponent.prototype.scrollIntoViewIfNeeded = 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.scrollIntoViewIfNeeded(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -118,11 +124,11 @@ var BaseComponent = /** @class */ (function () {
     };
     BaseComponent.prototype.waitFor = 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.waitFor(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -130,23 +136,23 @@ var BaseComponent = /** @class */ (function () {
     };
     BaseComponent.prototype.hasAttribute = function (name, 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.waitFor()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.getAttribute(name, options)];
-                    case 2: return [2 /*return*/, (_a.sent()) !== null];
+                    case 2: return [2 /*return*/, (_d.sent()) !== null];
                 }
             });
         });
     };
     BaseComponent.prototype.getAttribute = function (name, 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.getAttribute(name, options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -157,3 +163,4 @@ var BaseComponent = /** @class */ (function () {
     return BaseComponent;
 }());
 exports.BaseComponent = BaseComponent;
+_a = LocatorSymbols_1.toVisibleElementLocator, _b = LocatorSymbols_1.toRootElementLocator, _c = LocatorSymbols_1.toHaveAttributeElementLocator;

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

@@ -3,6 +3,7 @@ import { BaseComponent } from './BaseComponent';
 import { ButtonAssertions } from '../assertions';
 import type { TooltipType } from '../utils';
 import type { BlurOptions, ClickOptions, FocusOptions, InnerTextOptions, IsDisabledOptions } from '../options';
+import { toControlElementLocator, toFocusableElementLocator, toTextElementLocator } from '../matchers/component/LocatorSymbols';
 /**
  * Button можно использовать как для @skbkontur/react-ui, так и для react
  * Но часть функциональности (проверка на Error / Warning) не будет работать с button из react
@@ -10,6 +11,9 @@ import type { BlurOptions, ClickOptions, FocusOptions, InnerTextOptions, IsDisab
 export declare class Button extends BaseComponent {
     readonly rootLocator: Locator;
     readonly buttonLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toTextElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getText(options?: InnerTextOptions): Promise<string>;