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

package/build/src/components/FxInput.js

@@ -50,53 +50,58 @@ 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.FxInput = 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 FxInput = /** @class */ (function (_super) {
     __extends(FxInput, _super);
     function FxInput(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.autoButtonLocator = rootLocator.locator('button');
         _this.inputLocator = rootLocator.locator('input');
         return _this;
     }
     FxInput.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()];
                 }
             });
         });
     };
     FxInput.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()];
                 }
             });
         });
     };
     FxInput.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*/];
                 }
             });
@@ -104,11 +109,11 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
@@ -116,11 +121,11 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
@@ -128,11 +133,11 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
@@ -140,14 +145,14 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
@@ -155,11 +160,11 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
@@ -167,43 +172,39 @@ var FxInput = /** @class */ (function (_super) {
     };
     FxInput.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*/];
                 }
             });
         });
     };
     FxInput.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);
     };
     FxInput.prototype.isAuto = 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.autoButtonLocator.isVisible(options)];
-                    case 2: return [2 /*return*/, !(_a.sent())];
+                    case 2: return [2 /*return*/, !(_d.sent())];
                 }
             });
         });
     };
     FxInput.prototype.setAuto = 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.autoButtonLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -215,3 +216,4 @@ var FxInput = /** @class */ (function (_super) {
     return FxInput;
 }(BaseComponent_1.BaseComponent));
 exports.FxInput = FxInput;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -3,9 +3,13 @@ import { BaseComponent } from './BaseComponent';
 import { type TooltipType } from '../utils';
 import { InputAssertions } 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 Input extends BaseComponent {
     readonly rootLocator: Locator;
     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/Input.js

@@ -50,53 +50,58 @@ 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.Input = 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 Input = /** @class */ (function (_super) {
     __extends(Input, _super);
     function Input(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.inputLocator = rootLocator.locator('input');
         return _this;
     }
     Input.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()];
                 }
             });
         });
     };
     Input.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()];
                 }
             });
         });
     };
     Input.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*/];
                 }
             });
@@ -104,11 +109,11 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
@@ -116,11 +121,11 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
@@ -128,11 +133,11 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
@@ -140,14 +145,14 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
@@ -155,11 +160,11 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
@@ -167,22 +172,18 @@ var Input = /** @class */ (function (_super) {
     };
     Input.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*/];
                 }
             });
         });
     };
     Input.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);
     };
     Input.prototype.expect = function () {
         return new assertions_1.InputAssertions(this);
@@ -190,3 +191,4 @@ var Input = /** @class */ (function (_super) {
     return Input;
 }(BaseComponent_1.BaseComponent));
 exports.Input = Input;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -1,12 +1,16 @@
 import type { Locator } from '@playwright/test';
-import { BaseComponent } from './BaseComponent';
 import { ComponentList } from './ComponentList';
 import { MenuItem } from './MenuItem';
 import { KebabAssertions } from '../assertions';
 import type { ClickOptions, GetAttributeOptions } from '../options';
-export declare class Kebab extends BaseComponent {
+import { MenuComponent } from './MenuComponent';
+import { toControlElementLocator, toContainItemElementLocator, toItemsElementLocator } from '../matchers/component/LocatorSymbols';
+export declare class Kebab extends MenuComponent {
     private readonly portal;
     readonly captionLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toItemsElementLocator]: () => Promise<Locator>;
+    readonly [toContainItemElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: GetAttributeOptions): Promise<boolean>;
     isMenuOpened(): Promise<boolean>;

package/build/src/components/Kebab.js

@@ -50,52 +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;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Kebab = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
-var BaseComponent_1 = require("./BaseComponent");
 var Portal_1 = require("./Portal");
 var utils_1 = require("../utils");
 var ComponentList_1 = require("./ComponentList");
 var MenuItem_1 = require("./MenuItem");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var MenuComponent_1 = require("./MenuComponent");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Kebab = /** @class */ (function (_super) {
     __extends(Kebab, _super);
     function Kebab(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
+        _this[_a] = function () { return _this.rootLocator; };
+        _this[_b] = function () { return _this.getItemsLocator(); };
+        _this[_c] = function () { return _this.rootLocator; };
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         _this.captionLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.KebabDataTids.caption));
         return _this;
     }
     Kebab.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.getAttribute(utils_1.DataVisualState.Disabled, options)];
-                    case 1: return [2 /*return*/, (_a.sent()) !== null];
+                    case 1: return [2 /*return*/, (_d.sent()) !== null];
                 }
             });
         });
     };
     Kebab.prototype.isMenuOpened = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.portal.isVisible()];
-            });
-        });
+        return this.portal.isVisible();
     };
     Kebab.prototype.selectFirstByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var item;
-            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:
-                        item = _a.sent();
+                        item = _d.sent();
                         return [4 /*yield*/, item.first().click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -104,14 +105,14 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.prototype.selectByIndex = function (index, 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()];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.nth(index).click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -120,20 +121,20 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.prototype.selectByDataTid = function (dataTid, options) {
         return __awaiter(this, void 0, void 0, function () {
             var container, item;
-            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();
                         item = container.locator((0, dataTidSelector_1.getDataTidSelector)(dataTid));
                         return [4 /*yield*/, item.count()];
                     case 2:
-                        if ((_a.sent()) > 1) {
+                        if ((_d.sent()) > 1) {
                             throw Error('DataTid должен быть уникальным');
                         }
                         return [4 /*yield*/, item.click(options)];
                     case 3:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -141,14 +142,14 @@ var Kebab = /** @class */ (function (_super) {
     };
     Kebab.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.expect().toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.captionLocator.click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -161,11 +162,11 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.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 [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) { return locator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root)); }, function (locator) { return new MenuItem_1.MenuItem(locator); })];
                 }
             });
@@ -175,23 +176,23 @@ var Kebab = /** @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()];
                 }
             });
         });
@@ -199,11 +200,11 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.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)];
                 }
             });
@@ -215,11 +216,11 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.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*/, !byText ? items : items.getByText(byText)];
                 }
@@ -228,20 +229,21 @@ var Kebab = /** @class */ (function (_super) {
     };
     Kebab.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.isMenuOpened()];
                     case 1:
-                        if (!!(_a.sent())) return [3 /*break*/, 3];
+                        if (!!(_d.sent())) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.click()];
                     case 2:
-                        _a.sent();
-                        _a.label = 3;
+                        _d.sent();
+                        _d.label = 3;
                     case 3: return [2 /*return*/, this.portal.getContainer()];
                 }
             });
         });
     };
     return Kebab;
-}(BaseComponent_1.BaseComponent));
+}(MenuComponent_1.MenuComponent));
 exports.Kebab = Kebab;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toItemsElementLocator, _c = LocatorSymbols_1.toContainItemElementLocator;