@skbkontur/playwright-react-ui-components 1.18.0 → 1.19.0

package/build/src/components/ComponentList.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;
+var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentList = void 0;
 var test_1 = require("@playwright/test");
@@ -65,16 +65,18 @@ var ComponentList = /** @class */ (function (_super) {
         _this.rootLocator = rootLocator;
         _this[_a] = function () { return _this.itemsLocator.first(); };
         _this[_b] = function () { return _this.itemsLocator; };
+        _this[_c] = function () { return _this.itemsLocator; };
+        _this[_d] = function () { return _this.itemsLocator; };
         _this.itemsLocator = itemsLocator(_this.rootLocator);
         _this.itemFactory = itemFactory;
         return _this;
     }
     ComponentList.prototype.isVisible = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.itemsLocator.first().isVisible(options)];
-                    case 1: return [2 /*return*/, _c.sent()];
+                    case 1: return [2 /*return*/, _e.sent()];
                 }
             });
         });
@@ -90,19 +92,23 @@ var ComponentList = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var itemsLocators;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.waitFor({ state: 'attached' })];
                     case 1:
-                        _c.sent();
+                        _e.sent();
                         return [4 /*yield*/, this.itemsLocator.all()];
                     case 2:
-                        itemsLocators = _c.sent();
+                        itemsLocators = _e.sent();
                         return [2 /*return*/, itemsLocators.map(function (x) { return _this.itemFactory(x); })];
                 }
             });
         });
     };
+    ComponentList.prototype.filter = function (options) {
+        var _this = this;
+        return new ComponentList(this.rootLocator, function (_) { return _this.itemsLocator.filter(options); }, this.itemFactory);
+    };
     /**
      * Поведение метода идентично вызову locator.nth(0)
      */
@@ -124,11 +130,11 @@ var ComponentList = /** @class */ (function (_super) {
     ComponentList.prototype.getFirstItemByPredicate = function (predicate) {
         return __awaiter(this, void 0, void 0, function () {
             var list;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.getItemsByPredicate(predicate)];
                     case 1:
-                        list = _c.sent();
+                        list = _e.sent();
                         return [2 /*return*/, list[0]];
                 }
             });
@@ -138,37 +144,37 @@ var ComponentList = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
                         items = [];
                         return [4 /*yield*/, test_1.expect
                                 .poll(function () { return __awaiter(_this, void 0, void 0, function () {
                                 var list, predicateResults;
                                 var _this = this;
-                                return __generator(this, function (_c) {
-                                    switch (_c.label) {
+                                return __generator(this, function (_e) {
+                                    switch (_e.label) {
                                         case 0: return [4 /*yield*/, this.getItems()];
                                         case 1:
-                                            list = _c.sent();
+                                            list = _e.sent();
                                             return [4 /*yield*/, Promise.all(list.map(function (item) { return __awaiter(_this, void 0, void 0, function () {
-                                                    var _c;
-                                                    return __generator(this, function (_d) {
-                                                        switch (_d.label) {
+                                                    var _e;
+                                                    return __generator(this, function (_f) {
+                                                        switch (_f.label) {
                                                             case 0:
-                                                                _c = { item: item };
+                                                                _e = { item: item };
                                                                 return [4 /*yield*/, predicate(item)];
-                                                            case 1: return [2 /*return*/, (_c.result = _d.sent(), _c)];
+                                                            case 1: return [2 /*return*/, (_e.result = _f.sent(), _e)];
                                                         }
                                                     });
                                                 }); }))];
                                         case 2:
-                                            predicateResults = _c.sent();
-                                            items = predicateResults.filter(function (_c) {
-                                                var result = _c.result;
+                                            predicateResults = _e.sent();
+                                            items = predicateResults.filter(function (_e) {
+                                                var result = _e.result;
                                                 return result;
-                                            }).map(function (_c) {
-                                                var item = _c.item;
+                                            }).map(function (_e) {
+                                                var item = _e.item;
                                                 return item;
                                             });
                                             return [2 /*return*/, items.length];
@@ -177,7 +183,7 @@ var ComponentList = /** @class */ (function (_super) {
                             }); }, { message: 'Items not found by predicate' })
                                 .toBeGreaterThan(0)];
                     case 1:
-                        _c.sent();
+                        _e.sent();
                         return [2 /*return*/, items];
                 }
             });
@@ -188,13 +194,13 @@ var ComponentList = /** @class */ (function (_super) {
      */
     ComponentList.prototype.count = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, this.waitFor({ state: 'attached' })];
                     case 1:
-                        _c.sent();
+                        _e.sent();
                         return [4 /*yield*/, this.itemsLocator.count()];
-                    case 2: return [2 /*return*/, _c.sent()];
+                    case 2: return [2 /*return*/, _e.sent()];
                 }
             });
         });
@@ -208,4 +214,4 @@ var ComponentList = /** @class */ (function (_super) {
     return ComponentList;
 }(BaseComponent_1.BaseComponent));
 exports.ComponentList = ComponentList;
-_a = LocatorSymbols_1.toVisibleElementLocator, _b = LocatorSymbols_1.toValueElementLocator;
+_a = LocatorSymbols_1.toVisibleElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toContainItemElementLocator;

package/build/src/components/CurrencyInput.js

@@ -94,7 +94,7 @@ var CurrencyInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.clear()];
+                    case 0: return [4 /*yield*/, this.clear(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.inputLocator.fill(typeof value === 'number' ? value.toString(10) : value, options)];
@@ -109,7 +109,7 @@ var CurrencyInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.clear()];
+                    case 0: return [4 /*yield*/, this.clear(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.inputLocator.press(value, options)];
@@ -124,7 +124,7 @@ var CurrencyInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.clear()];
+                    case 0: return [4 /*yield*/, this.clear(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.inputLocator.pressSequentially(typeof value === 'number' ? value.toString(10) : value, options)];
@@ -141,7 +141,7 @@ var CurrencyInput = /** @class */ (function (_super) {
                 switch (_d.label) {
                     case 0: 
                     // NOTE: без фокуса currencyInput полностью не очистится
-                    return [4 /*yield*/, this.focus()];
+                    return [4 /*yield*/, this.focus(options)];
                     case 1:
                         // NOTE: без фокуса currencyInput полностью не очистится
                         _d.sent();
@@ -157,7 +157,7 @@ var CurrencyInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.inputLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.inputLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];

package/build/src/components/DateInput.js

@@ -104,7 +104,7 @@ var DateInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.clear()];
+                    case 0: return [4 /*yield*/, this.clear(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.nativeInputLocator.pressSequentially(date, options)];
@@ -119,7 +119,7 @@ var DateInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.focus()];
+                    case 0: return [4 /*yield*/, this.focus(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.rootLocator.press('Control+A', options)];
@@ -140,7 +140,7 @@ var DateInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.rootLocator.focus(options)];
@@ -169,7 +169,7 @@ var DateInput = /** @class */ (function (_super) {
                 switch (_d.label) {
                     case 0: 
                     // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
-                    return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
+                    return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled(options)];
                     case 1:
                         // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
                         _d.sent();

package/build/src/components/DatePicker.js

@@ -111,13 +111,13 @@ var DatePicker = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.clear()];
+                    case 0: return [4 /*yield*/, this.clear(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.nativeInputLocator.pressSequentially(value, options)];
                     case 2:
                         _d.sent();
-                        return [4 /*yield*/, this.blur()];
+                        return [4 /*yield*/, this.blur(options)];
                     case 3:
                         _d.sent();
                         return [2 /*return*/];
@@ -129,7 +129,7 @@ var DatePicker = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.focus()];
+                    case 0: return [4 /*yield*/, this.focus(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.nativeInputLocator.press('Control+A', options)];
@@ -150,7 +150,7 @@ var DatePicker = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.datePickerInputLocator.focus(options)];
@@ -179,7 +179,7 @@ var DatePicker = /** @class */ (function (_super) {
                 switch (_d.label) {
                     case 0: 
                     // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
-                    return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
+                    return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled(options)];
                     case 1:
                         // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
                         _d.sent();

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

@@ -31,9 +31,15 @@ export declare class Dropdown extends MenuComponent {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    getMenuItems(): Promise<ComponentList<MenuItem>>;
-    getMenuItemByText(text: string): Promise<MenuItem>;
-    getMenuItemByIndex(index: number): Promise<MenuItem>;
+    getMenuItems(options?: {
+        timeout?: number;
+    }): Promise<ComponentList<MenuItem>>;
+    getMenuItemByText(text: string, options?: {
+        timeout?: number;
+    }): Promise<MenuItem>;
+    getMenuItemByIndex(index: number, options?: {
+        timeout?: number;
+    }): Promise<MenuItem>;
     expect(): DropdownAssertions;
     private getMenuItemsLocator;
     private getPortalContainer;

package/build/src/components/Dropdown.js

@@ -116,14 +116,14 @@ var Dropdown = /** @class */ (function (_super) {
             var items;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
+                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(text, options)];
                     case 1:
                         items = _e.sent();
                         return [4 /*yield*/, items.first().click(options)];
                     case 2:
                         _e.sent();
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        return [4 /*yield*/, this.portal.expect().toBeHidden()];
+                        return [4 /*yield*/, this.portal.expect().toBeHidden(options)];
                     case 3:
                         // note: ожидание закрытия меню, чтобы не было гонок
                         _e.sent();
@@ -137,14 +137,14 @@ var Dropdown = /** @class */ (function (_super) {
             var items;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItemsLocator()];
+                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(undefined, options)];
                     case 1:
                         items = _e.sent();
                         return [4 /*yield*/, items.nth(index).click(options)];
                     case 2:
                         _e.sent();
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        return [4 /*yield*/, this.portal.expect().toBeHidden()];
+                        return [4 /*yield*/, this.portal.expect().toBeHidden(options)];
                     case 3:
                         // note: ожидание закрытия меню, чтобы не было гонок
                         _e.sent();
@@ -158,7 +158,7 @@ var Dropdown = /** @class */ (function (_super) {
             var container, item;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _e.sent();
                         item = container.locator((0, dataTidSelector_1.getDataTidSelector)(dataTid));
@@ -171,7 +171,7 @@ var Dropdown = /** @class */ (function (_super) {
                     case 3:
                         _e.sent();
                         // note: ожидание закрытия меню, чтобы не было гонок
-                        return [4 /*yield*/, this.portal.expect().toBeHidden()];
+                        return [4 /*yield*/, this.portal.expect().toBeHidden(options)];
                     case 4:
                         // note: ожидание закрытия меню, чтобы не было гонок
                         _e.sent();
@@ -199,7 +199,7 @@ var Dropdown = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.buttonLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.buttonLocator).toBeEnabled(options)];
                     case 1:
                         _e.sent();
                         return [4 /*yield*/, this.buttonLocator.focus(options)];
@@ -228,15 +228,17 @@ var Dropdown = /** @class */ (function (_super) {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    Dropdown.prototype.getMenuItems = function () {
+    Dropdown.prototype.getMenuItems = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var container;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _e.sent();
-                        return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
+                        return [4 /*yield*/, container
+                                .locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root))
+                                .waitFor({ state: 'hidden', timeout: options === null || options === void 0 ? void 0 : options.timeout })];
                     case 2:
                         _e.sent();
                         return [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) {
@@ -249,37 +251,25 @@ var Dropdown = /** @class */ (function (_super) {
             });
         });
     };
-    Dropdown.prototype.getMenuItemByText = function (text) {
+    Dropdown.prototype.getMenuItemByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            var _this = this;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItems()];
+                    case 0: return [4 /*yield*/, this.getMenuItems(options)];
                     case 1:
                         items = _e.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) {
-                                        case 0: return [4 /*yield*/, item.getText()];
-                                        case 1:
-                                            itemText = _e.sent();
-                                            return [2 /*return*/, itemText.toLowerCase() === text.toLowerCase()];
-                                    }
-                                });
-                            }); })];
-                    case 2: return [2 /*return*/, _e.sent()];
+                        return [2 /*return*/, items.filter({ hasText: text }).getFirstItem()];
                 }
             });
         });
     };
-    Dropdown.prototype.getMenuItemByIndex = function (index) {
+    Dropdown.prototype.getMenuItemByIndex = function (index, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItems()];
+                    case 0: return [4 /*yield*/, this.getMenuItems(options)];
                     case 1:
                         items = _e.sent();
                         return [2 /*return*/, items.getItemByIndex(index)];
@@ -290,12 +280,12 @@ var Dropdown = /** @class */ (function (_super) {
     Dropdown.prototype.expect = function () {
         return new assertions_1.DropdownAssertions(this);
     };
-    Dropdown.prototype.getMenuItemsLocator = function (byText) {
+    Dropdown.prototype.getMenuItemsLocator = function (byText, options) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _e.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root));
@@ -304,18 +294,18 @@ var Dropdown = /** @class */ (function (_super) {
             });
         });
     };
-    Dropdown.prototype.getPortalContainer = function () {
+    Dropdown.prototype.getPortalContainer = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_e) {
                 switch (_e.label) {
                     case 0: return [4 /*yield*/, this.isMenuOpened()];
                     case 1:
                         if (!!(_e.sent())) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this.buttonLocator.click()];
+                        return [4 /*yield*/, this.buttonLocator.click(options)];
                     case 2:
                         _e.sent();
                         _e.label = 3;
-                    case 3: return [2 /*return*/, this.portal.getContainer()];
+                    case 3: return [2 /*return*/, this.portal.getContainer(options)];
                 }
             });
         });

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

@@ -17,12 +17,15 @@ export declare class DropdownMenu extends MenuComponent {
     isMenuOpened(): Promise<boolean>;
     selectFirstByText(text: string | RegExp, options?: {
         closedAfterSelect: boolean;
+        timeout?: number;
     }): Promise<void>;
     selectByDataTid(dataTid: string, options?: {
         closedAfterSelect: boolean;
+        timeout?: number;
     }): Promise<void>;
     selectByIndex(index: number, options?: {
         closedAfterSelect: boolean;
+        timeout?: number;
     }): Promise<void>;
     click(options?: ClickOptions): Promise<void>;
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
@@ -32,9 +35,15 @@ export declare class DropdownMenu extends MenuComponent {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    getMenuItems(): Promise<ComponentList<MenuItem>>;
-    getMenuItemByText(text: string): Promise<MenuItem>;
-    getMenuItemByIndex(index: number): Promise<MenuItem>;
+    getMenuItems(options?: {
+        timeout?: number;
+    }): Promise<ComponentList<MenuItem>>;
+    getMenuItemByText(text: string, options?: {
+        timeout?: number;
+    }): Promise<MenuItem>;
+    getMenuItemByIndex(index: number, options?: {
+        timeout?: number;
+    }): Promise<MenuItem>;
     expect(): DropdownMenuAssertions;
     private getMenuItemsLocator;
     private getPortalContainer;