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

package/build/src/components/Button.js

@@ -50,12 +50,14 @@ 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.Button = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 /**
  * Button можно использовать как для @skbkontur/react-ui, так и для react
  * Но часть функциональности (проверка на Error / Warning) не будет работать с button из react
@@ -65,37 +67,40 @@ var Button = /** @class */ (function (_super) {
     function Button(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.buttonLocator; };
+        _this[_b] = function () { return _this.buttonLocator; };
+        _this[_c] = function () { return _this.buttonLocator; };
         // or(rootLocator).Last сделан для кнопки из react (не react-ui)
         _this.buttonLocator = rootLocator.locator('button').or(rootLocator).last();
         return _this;
     }
     Button.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.buttonLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Button.prototype.getText = 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.buttonLocator.innerText(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     Button.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.buttonLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -103,14 +108,14 @@ var Button = /** @class */ (function (_super) {
     };
     Button.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.buttonLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.buttonLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -118,11 +123,11 @@ var Button = /** @class */ (function (_super) {
     };
     Button.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.buttonLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -130,10 +135,10 @@ var Button = /** @class */ (function (_super) {
     };
     Button.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*/, (0, utils_1.getTooltip)(type, this)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -144,3 +149,4 @@ var Button = /** @class */ (function (_super) {
     return Button;
 }(BaseComponent_1.BaseComponent));
 exports.Button = Button;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

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

package/build/src/components/Checkbox.js

@@ -50,58 +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, _c, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Checkbox = /** @class */ (function (_super) {
     __extends(Checkbox, _super);
     function Checkbox(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.inputLocator; };
+        _this[_d] = function () { return _this.rootLocator; };
+        _this[_e] = function () { return _this.inputLocator; };
         _this.inputLocator = rootLocator.locator('input');
         return _this;
     }
     Checkbox.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);
     };
     Checkbox.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);
     };
     Checkbox.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);
     };
     Checkbox.prototype.getValue = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.inputLocator.inputValue(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _f.sent()];
                 }
             });
         });
     };
     Checkbox.prototype.check = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.check(options)];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -109,11 +104,11 @@ var Checkbox = /** @class */ (function (_super) {
     };
     Checkbox.prototype.uncheck = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.rootLocator.uncheck(options)];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -121,14 +116,14 @@ var Checkbox = /** @class */ (function (_super) {
     };
     Checkbox.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.inputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -136,22 +131,18 @@ var Checkbox = /** @class */ (function (_super) {
     };
     Checkbox.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.inputLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     Checkbox.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);
     };
     Checkbox.prototype.expect = function () {
         return new assertions_1.CheckboxAssertions(this);
@@ -159,3 +150,4 @@ var Checkbox = /** @class */ (function (_super) {
     return Checkbox;
 }(BaseComponent_1.BaseComponent));
 exports.Checkbox = Checkbox;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toValueElementLocator, _d = LocatorSymbols_1.toTextElementLocator, _e = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -1,16 +1,23 @@
 import type { Locator } from '@playwright/test';
-import { BaseComponent } from './BaseComponent';
 import { ComboBoxAssertions } from '../assertions';
 import type { TooltipType } from '../utils';
 import { ComponentList } from './ComponentList';
 import { MenuItem } from './MenuItem';
 import type { BlurOptions, ClearOptions, ClickOptions, FillOptions, FocusOptions, GetAttributeOptions, IsDisabledOptions } from '../options';
-export declare class ComboBox extends BaseComponent {
+import { MenuComponent } from './MenuComponent';
+import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator, toContainItemElementLocator, toItemsElementLocator } from '../matchers/component/LocatorSymbols';
+export declare class ComboBox extends MenuComponent {
     readonly rootLocator: Locator;
     readonly nativeInputLocator: Locator;
     readonly inputLikeTextLocator: Locator;
     private readonly portal;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Promise<Locator>;
+    readonly [toItemsElementLocator]: () => Promise<Locator>;
+    readonly [toContainItemElementLocator]: () => Promise<Locator>;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
+    private getInputLocator;
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     isFocused(options?: GetAttributeOptions): Promise<boolean>;
     getSelectedValue(): Promise<string>;

package/build/src/components/ComboBox.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, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComboBox = void 0;
 var test_1 = require("@playwright/test");
@@ -59,53 +60,69 @@ var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
 var InputLikeText_1 = require("@skbkontur/react-ui/internal/InputLikeText");
 var MenuMessage_1 = require("@skbkontur/react-ui/internal/MenuMessage");
 var Portal_1 = require("./Portal");
-var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var ComponentList_1 = require("./ComponentList");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var MenuComponent_1 = require("./MenuComponent");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var ComboBox = /** @class */ (function (_super) {
     __extends(ComboBox, _super);
     function ComboBox(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.nativeInputLocator; };
+        _this[_b] = function () { return _this.getInputLocator(); };
+        _this[_c] = function () { return _this.getItemsLocator(); };
+        _this[_d] = function () { return _this.getInputLocator(); };
+        _this[_e] = function () { return _this.nativeInputLocator; };
         _this.nativeInputLocator = rootLocator.locator('input');
         _this.inputLikeTextLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(InputLikeText_1.InputLikeTextDataTids.input));
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         return _this;
     }
+    ComboBox.prototype.getInputLocator = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0: return [4 /*yield*/, this.isDisabled()];
+                    case 1: return [2 /*return*/, !(_f.sent()) ? this.nativeInputLocator : this.inputLikeTextLocator];
+                }
+            });
+        });
+    };
     ComboBox.prototype.isDisabled = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.nativeInputLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _f.sent()];
                 }
             });
         });
     };
     ComboBox.prototype.isFocused = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.nativeInputLocator.getAttribute('type', options)];
-                    case 1: return [2 /*return*/, (_a.sent()) !== 'hidden'];
+                    case 1: return [2 /*return*/, (_f.sent()) !== 'hidden'];
                 }
             });
         });
     };
     ComboBox.prototype.getSelectedValue = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.isFocused()];
                     case 1:
-                        if (!_a.sent()) return [3 /*break*/, 3];
+                        if (!_f.sent()) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.nativeInputLocator.inputValue()];
-                    case 2: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, _f.sent()];
                     case 3: return [4 /*yield*/, this.inputLikeTextLocator.innerText()];
-                    case 4: return [2 /*return*/, _a.sent()];
+                    case 4: return [2 /*return*/, _f.sent()];
                 }
             });
         });
@@ -117,14 +134,14 @@ var ComboBox = /** @class */ (function (_super) {
     ComboBox.prototype.selectFirst = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.getComboBoxMenuItemsLocator(value)];
                     case 1:
-                        items = _a.sent();
+                        items = _f.sent();
                         return [4 /*yield*/, items.first().click(options)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -133,17 +150,17 @@ var ComboBox = /** @class */ (function (_super) {
     ComboBox.prototype.select = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.getComboBoxMenuItemsLocator(value)];
                     case 1:
-                        items = _a.sent();
+                        items = _f.sent();
                         return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, items.click(options)];
                     case 3:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -151,14 +168,14 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.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 (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, this.nativeInputLocator.fill(value, options)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -166,14 +183,14 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.clear = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, this.nativeInputLocator.clear(options)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -181,17 +198,17 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, this.rootLocator
                                 .locator('input[type="text"]')
                                 .or(this.rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(InputLikeText_1.InputLikeTextDataTids.root)))
                                 .focus(options)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -199,11 +216,11 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.nativeInputLocator.press('Tab', { timeout: options === null || options === void 0 ? void 0 : options.timeout })];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
@@ -211,28 +228,24 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.click = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0: 
                     // NOTE: rootLocator всегда в состоянии enabled, даже если ComboBox disabled
                     return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
                     case 1:
                         // NOTE: rootLocator всегда в состоянии enabled, даже если ComboBox disabled
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, _super.prototype.click.call(this)];
                     case 2:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     ComboBox.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);
     };
     /**
      * Возвращает список меню по data-tid'ам из react-ui:
@@ -246,17 +259,17 @@ var ComboBox = /** @class */ (function (_super) {
     ComboBox.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 (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _f.sent();
                         return [4 /*yield*/, this.portal.getContainer()];
                     case 2:
-                        container = _a.sent();
+                        container = _f.sent();
                         return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
                     case 3:
-                        _a.sent();
+                        _f.sent();
                         return [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) {
                                 return locator
                                     .locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))
@@ -276,11 +289,11 @@ var ComboBox = /** @class */ (function (_super) {
     ComboBox.prototype.getComboBoxMenuItemsLocator = 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 (_f) {
+                switch (_f.label) {
                     case 0: return [4 /*yield*/, this.portal.getContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _f.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item));
                         return [2 /*return*/, items.getByText(byText)];
                 }
@@ -288,5 +301,6 @@ var ComboBox = /** @class */ (function (_super) {
         });
     };
     return ComboBox;
-}(BaseComponent_1.BaseComponent));
+}(MenuComponent_1.MenuComponent));
 exports.ComboBox = ComboBox;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toContainItemElementLocator, _e = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -3,10 +3,13 @@ import { BaseComponent } from './BaseComponent';
 import { ComponentListAssertions } from '../assertions';
 import { type TooltipType } from '../utils';
 import type { IsVisibleOptions } from '../options';
+import { toVisibleElementLocator, toValueElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class ComponentList<TItem extends BaseComponent> extends BaseComponent {
     readonly rootLocator: Locator;
     private readonly itemFactory;
     readonly itemsLocator: Locator;
+    readonly [toVisibleElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
     constructor(rootLocator: Locator, itemsLocator: (rootLocator: Locator) => Locator, itemFactory: (locator: Locator) => TItem);
     isVisible(options?: IsVisibleOptions): Promise<boolean>;
     /**
@@ -20,15 +23,15 @@ export declare class ComponentList<TItem extends BaseComponent> extends BaseComp
     /**
      * Поведение метода идентично вызову locator.nth(0)
      */
-    getFirstItem(): Promise<TItem>;
+    getFirstItem(): TItem;
     /**
      * Поведение метода идентично вызову locator.nth(-1)
      */
-    getLastItem(): Promise<TItem>;
+    getLastItem(): TItem;
     /**
      * Поведение метода идентично вызову locator.nth(index)
      */
-    getItemByIndex(index: number): Promise<TItem>;
+    getItemByIndex(index: number): TItem;
     getFirstItemByPredicate(predicate: (item: TItem) => Promise<boolean>): Promise<TItem>;
     getItemsByPredicate(predicate: (item: TItem) => Promise<boolean>): Promise<TItem[]>;
     /**