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

package/build/src/components/DropdownMenu.js

@@ -50,7 +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;
+var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenu = void 0;
 var test_1 = require("@playwright/test");
@@ -71,31 +71,30 @@ var DropdownMenu = /** @class */ (function (_super) {
         _this.rootLocator = rootLocator;
         _this[_a] = function () { return _this.buttonLocator; };
         _this[_b] = function () { return _this.getItemsLocator(); };
-        _this[_c] = function () { return _this.rootLocator; };
-        _this[_d] = function () { return _this.buttonLocator; };
+        _this[_c] = function () { return _this.buttonLocator; };
         _this.buttonLocator = rootLocator.locator('button');
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         return _this;
     }
     DropdownMenu.prototype.getText = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.buttonLocator.innerText(options)];
-                    case 1: return [2 /*return*/, _e.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     DropdownMenu.prototype.isMenuOpened = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.waitFor()];
                     case 1:
-                        _e.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.portal.isVisible()];
-                    case 2: return [2 /*return*/, _e.sent()];
+                    case 2: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -104,21 +103,21 @@ var DropdownMenu = /** @class */ (function (_super) {
         return __awaiter(this, arguments, void 0, function (text, options) {
             var items;
             if (options === void 0) { options = { closedAfterSelect: true }; }
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
                     case 1:
-                        items = _e.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.first().click()];
                     case 2:
-                        _e.sent();
+                        _d.sent();
                         if (!options.closedAfterSelect) return [3 /*break*/, 4];
                         // note: ожидание закрытия меню, чтобы не было гонок
                         return [4 /*yield*/, this.portal.expect().toBeHidden()];
                     case 3:
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        _e.sent();
-                        _e.label = 4;
+                        _d.sent();
+                        _d.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -128,27 +127,27 @@ var DropdownMenu = /** @class */ (function (_super) {
         return __awaiter(this, arguments, void 0, function (dataTid, options) {
             var container, item;
             if (options === void 0) { options = { closedAfterSelect: true }; }
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _e.sent();
+                        container = _d.sent();
                         item = container.locator((0, dataTidSelector_1.getDataTidSelector)(dataTid));
                         return [4 /*yield*/, item.count()];
                     case 2:
-                        if ((_e.sent()) > 1) {
+                        if ((_d.sent()) > 1) {
                             throw Error('DataTid должен быть уникальным');
                         }
                         return [4 /*yield*/, item.click()];
                     case 3:
-                        _e.sent();
+                        _d.sent();
                         if (!options.closedAfterSelect) return [3 /*break*/, 5];
                         // note: ожидание закрытия меню, чтобы не было гонок
                         return [4 /*yield*/, this.portal.expect().toBeHidden()];
                     case 4:
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        _e.sent();
-                        _e.label = 5;
+                        _d.sent();
+                        _d.label = 5;
                     case 5: return [2 /*return*/];
                 }
             });
@@ -158,21 +157,21 @@ var DropdownMenu = /** @class */ (function (_super) {
         return __awaiter(this, arguments, void 0, function (index, options) {
             var items;
             if (options === void 0) { options = { closedAfterSelect: true }; }
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator()];
                     case 1:
-                        items = _e.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.nth(index).click()];
                     case 2:
-                        _e.sent();
+                        _d.sent();
                         if (!options.closedAfterSelect) return [3 /*break*/, 4];
                         // note: ожидание закрытия меню, чтобы не было гонок
                         return [4 /*yield*/, this.portal.expect().toBeHidden()];
                     case 3:
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        _e.sent();
-                        _e.label = 4;
+                        _d.sent();
+                        _d.label = 4;
                     case 4: return [2 /*return*/];
                 }
             });
@@ -180,11 +179,11 @@ var DropdownMenu = /** @class */ (function (_super) {
     };
     DropdownMenu.prototype.click = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.buttonLocator.click(options)];
                     case 1:
-                        _e.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -192,14 +191,14 @@ var DropdownMenu = /** @class */ (function (_super) {
     };
     DropdownMenu.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.buttonLocator).toBeEnabled()];
                     case 1:
-                        _e.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.buttonLocator.focus(options)];
                     case 2:
-                        _e.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -207,11 +206,11 @@ var DropdownMenu = /** @class */ (function (_super) {
     };
     DropdownMenu.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.buttonLocator.blur(options)];
                     case 1:
-                        _e.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -229,14 +228,14 @@ var DropdownMenu = /** @class */ (function (_super) {
     DropdownMenu.prototype.getMenuItems = function () {
         return __awaiter(this, void 0, void 0, function () {
             var container;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _e.sent();
+                        container = _d.sent();
                         return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
                     case 2:
-                        _e.sent();
+                        _d.sent();
                         return [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) {
                                 return locator
                                     .locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))
@@ -251,23 +250,23 @@ var DropdownMenu = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _e.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 (_e) {
-                                    switch (_e.label) {
+                                return __generator(this, function (_d) {
+                                    switch (_d.label) {
                                         case 0: return [4 /*yield*/, item.getText()];
                                         case 1:
-                                            itemText = _e.sent();
+                                            itemText = _d.sent();
                                             return [2 /*return*/, itemText.toLowerCase() === text.toLowerCase()];
                                     }
                                 });
                             }); })];
-                    case 2: return [2 /*return*/, _e.sent()];
+                    case 2: return [2 /*return*/, _d.sent()];
                 }
             });
         });
@@ -275,11 +274,11 @@ var DropdownMenu = /** @class */ (function (_super) {
     DropdownMenu.prototype.getMenuItemByIndex = function (index) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _e.sent();
+                        items = _d.sent();
                         return [2 /*return*/, items.getItemByIndex(index)];
                 }
             });
@@ -291,11 +290,11 @@ var DropdownMenu = /** @class */ (function (_super) {
     DropdownMenu.prototype.getMenuItemsLocator = function (byText) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _e.sent();
+                        container = _d.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root));
                         return [2 /*return*/, !byText ? items : items.getByText(byText)];
                 }
@@ -304,15 +303,15 @@ var DropdownMenu = /** @class */ (function (_super) {
     };
     DropdownMenu.prototype.getPortalContainer = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.isMenuOpened()];
                     case 1:
-                        if (!!(_e.sent())) return [3 /*break*/, 3];
+                        if (!!(_d.sent())) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.buttonLocator.click()];
                     case 2:
-                        _e.sent();
-                        _e.label = 3;
+                        _d.sent();
+                        _d.label = 3;
                     case 3: return [2 /*return*/, this.portal.getContainer()];
                 }
             });
@@ -321,4 +320,4 @@ var DropdownMenu = /** @class */ (function (_super) {
     return DropdownMenu;
 }(MenuComponent_1.MenuComponent));
 exports.DropdownMenu = DropdownMenu;
-_a = LocatorSymbols_1.toTextElementLocator, _b = LocatorSymbols_1.toItemsElementLocator, _c = LocatorSymbols_1.toContainItemElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+_a = LocatorSymbols_1.toTextElementLocator, _b = LocatorSymbols_1.toItemsElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -4,13 +4,12 @@ import { MenuItem } from './MenuItem';
 import { KebabAssertions } from '../assertions';
 import type { ClickOptions, GetAttributeOptions } from '../options';
 import { MenuComponent } from './MenuComponent';
-import { toControlElementLocator, toContainItemElementLocator, toItemsElementLocator } from '../matchers/component/LocatorSymbols';
+import { toControlElementLocator, 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,7 +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;
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Kebab = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
@@ -68,17 +68,16 @@ var Kebab = /** @class */ (function (_super) {
         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 (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getAttribute(utils_1.DataVisualState.Disabled, options)];
-                    case 1: return [2 /*return*/, (_d.sent()) !== null];
+                    case 1: return [2 /*return*/, (_c.sent()) !== null];
                 }
             });
         });
@@ -89,14 +88,14 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.prototype.selectFirstByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var item;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
                     case 1:
-                        item = _d.sent();
+                        item = _c.sent();
                         return [4 /*yield*/, item.first().click(options)];
                     case 2:
-                        _d.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
@@ -105,14 +104,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 (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator()];
                     case 1:
-                        items = _d.sent();
+                        items = _c.sent();
                         return [4 /*yield*/, items.nth(index).click(options)];
                     case 2:
-                        _d.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
@@ -121,20 +120,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 (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _d.sent();
+                        container = _c.sent();
                         item = container.locator((0, dataTidSelector_1.getDataTidSelector)(dataTid));
                         return [4 /*yield*/, item.count()];
                     case 2:
-                        if ((_d.sent()) > 1) {
+                        if ((_c.sent()) > 1) {
                             throw Error('DataTid должен быть уникальным');
                         }
                         return [4 /*yield*/, item.click(options)];
                     case 3:
-                        _d.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
@@ -142,14 +141,14 @@ var Kebab = /** @class */ (function (_super) {
     };
     Kebab.prototype.click = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.expect().toBeEnabled()];
                     case 1:
-                        _d.sent();
+                        _c.sent();
                         return [4 /*yield*/, this.captionLocator.click(options)];
                     case 2:
-                        _d.sent();
+                        _c.sent();
                         return [2 /*return*/];
                 }
             });
@@ -162,11 +161,11 @@ var Kebab = /** @class */ (function (_super) {
     Kebab.prototype.getMenuItems = function () {
         return __awaiter(this, void 0, void 0, function () {
             var container;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _d.sent();
+                        container = _c.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); })];
                 }
             });
@@ -176,23 +175,23 @@ var Kebab = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _d.sent();
+                        items = _c.sent();
                         return [4 /*yield*/, items.getFirstItemByPredicate(function (item) { return __awaiter(_this, void 0, void 0, function () {
                                 var itemText;
-                                return __generator(this, function (_d) {
-                                    switch (_d.label) {
+                                return __generator(this, function (_c) {
+                                    switch (_c.label) {
                                         case 0: return [4 /*yield*/, item.getText()];
                                         case 1:
-                                            itemText = _d.sent();
+                                            itemText = _c.sent();
                                             return [2 /*return*/, itemText.toLowerCase() === text.toLowerCase()];
                                     }
                                 });
                             }); })];
-                    case 2: return [2 /*return*/, _d.sent()];
+                    case 2: return [2 /*return*/, _c.sent()];
                 }
             });
         });
@@ -200,11 +199,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 (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
                     case 1:
-                        items = _d.sent();
+                        items = _c.sent();
                         return [2 /*return*/, items.getItemByIndex(index)];
                 }
             });
@@ -216,11 +215,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 (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getPortalContainer()];
                     case 1:
-                        container = _d.sent();
+                        container = _c.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root));
                         return [2 /*return*/, !byText ? items : items.getByText(byText)];
                 }
@@ -229,15 +228,15 @@ var Kebab = /** @class */ (function (_super) {
     };
     Kebab.prototype.getPortalContainer = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.isMenuOpened()];
                     case 1:
-                        if (!!(_d.sent())) return [3 /*break*/, 3];
+                        if (!!(_c.sent())) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.click()];
                     case 2:
-                        _d.sent();
-                        _d.label = 3;
+                        _c.sent();
+                        _c.label = 3;
                     case 3: return [2 /*return*/, this.portal.getContainer()];
                 }
             });
@@ -246,4 +245,4 @@ var Kebab = /** @class */ (function (_super) {
     return Kebab;
 }(MenuComponent_1.MenuComponent));
 exports.Kebab = Kebab;
-_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toItemsElementLocator, _c = LocatorSymbols_1.toContainItemElementLocator;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toItemsElementLocator;

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

@@ -1,9 +1,10 @@
 import { BaseComponent } from './BaseComponent';
 import type { ComponentList } from './ComponentList';
-import { toItemsElementLocator } from '../matchers/component/LocatorSymbols';
+import { toContainItemElementLocator, toItemsElementLocator } from '../matchers/component/LocatorSymbols';
 import type { MenuItem } from './MenuItem';
 export declare abstract class MenuComponent extends BaseComponent {
     readonly [toItemsElementLocator]: () => Promise<import("playwright-core").Locator>;
+    readonly [toContainItemElementLocator]: () => import("playwright-core").Locator;
     abstract getMenuItems(): Promise<ComponentList<MenuItem>>;
     getItemsLocator(): Promise<import("playwright-core").Locator>;
 }

package/build/src/components/MenuComponent.js

@@ -50,7 +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;
+var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuComponent = void 0;
 var BaseComponent_1 = require("./BaseComponent");
@@ -60,14 +60,15 @@ var MenuComponent = /** @class */ (function (_super) {
     function MenuComponent() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this[_a] = function () { return _this.getItemsLocator(); };
+        _this[_b] = function () { return _this.rootLocator; };
         return _this;
     }
     MenuComponent.prototype.getItemsLocator = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getMenuItems()];
-                    case 1: return [2 /*return*/, (_b.sent()).itemsLocator];
+                    case 1: return [2 /*return*/, (_c.sent()).itemsLocator];
                 }
             });
         });
@@ -75,4 +76,4 @@ var MenuComponent = /** @class */ (function (_super) {
     return MenuComponent;
 }(BaseComponent_1.BaseComponent));
 exports.MenuComponent = MenuComponent;
-_a = LocatorSymbols_1.toItemsElementLocator;
+_a = LocatorSymbols_1.toItemsElementLocator, _b = LocatorSymbols_1.toContainItemElementLocator;

package/build/src/matchers/component/toBeActiveTab.d.ts

@@ -0,0 +1,3 @@
+import type { AttributeOptions } from '../../options';
+import type { Tab } from '../../components';
+export declare const toBeActiveTab: (this: import("@playwright/test").ExpectMatcherState, component: Tab, args_0?: AttributeOptions | undefined) => Promise<import("@playwright/test").MatcherReturnType>;

package/build/src/matchers/component/{toBeActiveEx.js → toBeActiveTab.js}

@@ -36,11 +36,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toBeActiveEx = void 0;
+exports.toBeActiveTab = void 0;
 var test_1 = require("@playwright/test");
 var constants_1 = require("../../utils/constants");
 var createAsyncMatcher_1 = require("../createAsyncMatcher");
-exports.toBeActiveEx = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeActiveEx', function (component) { return component.rootLocator; }, function (_a, options_1) { return __awaiter(void 0, [_a, options_1], void 0, function (_b, options) {
+exports.toBeActiveTab = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeActiveTab', function (component) { return component.rootLocator; }, function (_a, options_1) { return __awaiter(void 0, [_a, options_1], void 0, function (_b, options) {
     var expectation;
     var isNot = _b.isNot, locator = _b.locator;
     return __generator(this, function (_c) {

package/build/src/matchers/component/toBeAutoMode.d.ts

@@ -0,0 +1,3 @@
+import type { FxInput } from '../../components';
+import type { VisibleOptions } from '../../options';
+export declare const toBeAutoMode: (this: import("@playwright/test").ExpectMatcherState, component: FxInput, args_0?: VisibleOptions | undefined) => Promise<import("@playwright/test").MatcherReturnType>;

package/build/src/matchers/component/{toBeAutoEx.js → toBeAutoMode.js}

@@ -36,10 +36,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toBeAutoEx = void 0;
+exports.toBeAutoMode = void 0;
 var test_1 = require("@playwright/test");
 var createAsyncMatcher_1 = require("../createAsyncMatcher");
-exports.toBeAutoEx = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeAutoEx', function (component) { return component.autoButtonLocator; }, function (_a, options_1) { return __awaiter(void 0, [_a, options_1], void 0, function (_b, options) {
+exports.toBeAutoMode = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeAutoMode', function (component) { return component.autoButtonLocator; }, function (_a, options_1) { return __awaiter(void 0, [_a, options_1], void 0, function (_b, options) {
     var isNot = _b.isNot, locator = _b.locator, component = _b.component;
     return __generator(this, function (_c) {
         switch (_c.label) {

package/build/src/matchers/component/toBeCheckedByIndex.d.ts

@@ -0,0 +1,3 @@
+import type { RadioGroup } from '../../components';
+import type { CheckedOptions } from '../../options';
+export declare const toBeCheckedByIndex: (this: import("playwright/test").ExpectMatcherState, component: RadioGroup, args_0: number, args_1?: CheckedOptions | undefined) => Promise<import("playwright/test").MatcherReturnType>;

package/build/src/matchers/component/{toBeUncheckedByIndexEx.js → toBeCheckedByIndex.js}

@@ -36,10 +36,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toBeUncheckedByIndexEx = void 0;
+exports.toBeCheckedByIndex = void 0;
 var extensions_1 = require("../../extensions");
 var createAsyncMatcher_1 = require("../createAsyncMatcher");
-exports.toBeUncheckedByIndexEx = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeUncheckedByIndexEx', function (component) { return component.rootLocator; }, function (_a, index_1, options_1) { return __awaiter(void 0, [_a, index_1, options_1], void 0, function (_b, index, options) {
+exports.toBeCheckedByIndex = (0, createAsyncMatcher_1.createComponentAsyncMatcher)('toBeCheckedByIndex', function (component) { return component.rootLocator; }, function (_a, index_1, options_1) { return __awaiter(void 0, [_a, index_1, options_1], void 0, function (_b, index, options) {
     var radio;
     var isNot = _b.isNot, component = _b.component;
     return __generator(this, function (_c) {
@@ -48,11 +48,11 @@ exports.toBeUncheckedByIndexEx = (0, createAsyncMatcher_1.createComponentAsyncMa
             case 1:
                 radio = _c.sent();
                 if (!isNot) return [3 /*break*/, 3];
-                return [4 /*yield*/, (0, extensions_1.expect)(radio).not.toBeUncheckedEx(options)];
+                return [4 /*yield*/, (0, extensions_1.expect)(radio).not.toBeCheckedEx(options)];
             case 2:
                 _c.sent();
                 return [3 /*break*/, 5];
-            case 3: return [4 /*yield*/, (0, extensions_1.expect)(radio).toBeUncheckedEx(options)];
+            case 3: return [4 /*yield*/, (0, extensions_1.expect)(radio).toBeCheckedEx(options)];
             case 4:
                 _c.sent();
                 _c.label = 5;