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

package/build/src/components/RadioGroup.js

@@ -108,7 +108,7 @@ var RadioGroup = /** @class */ (function (_super) {
             });
         });
     };
-    RadioGroup.prototype.checkByValue = function (value) {
+    RadioGroup.prototype.checkByValue = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
             var radio;
             return __generator(this, function (_b) {
@@ -116,7 +116,7 @@ var RadioGroup = /** @class */ (function (_super) {
                     case 0: return [4 /*yield*/, this.getByValue(value)];
                     case 1:
                         radio = _b.sent();
-                        return [4 /*yield*/, radio.check()];
+                        return [4 /*yield*/, radio.check(options)];
                     case 2:
                         _b.sent();
                         return [2 /*return*/];
@@ -124,32 +124,30 @@ var RadioGroup = /** @class */ (function (_super) {
             });
         });
     };
-    RadioGroup.prototype.checkByIndex = function (index) {
+    RadioGroup.prototype.checkByIndex = function (index, options) {
         return __awaiter(this, void 0, void 0, function () {
             var radio;
             return __generator(this, function (_b) {
                 switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.getByIndex(index)];
+                    case 0:
+                        radio = this.getByIndex(index);
+                        return [4 /*yield*/, radio.check(options)];
                     case 1:
-                        radio = _b.sent();
-                        return [4 /*yield*/, radio.check()];
-                    case 2:
                         _b.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
-    RadioGroup.prototype.checkByText = function (text) {
+    RadioGroup.prototype.checkByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var radio;
             return __generator(this, function (_b) {
                 switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.getByText(text)];
+                    case 0:
+                        radio = this.getByText(text);
+                        return [4 /*yield*/, radio.check(options)];
                     case 1:
-                        radio = _b.sent();
-                        return [4 /*yield*/, radio.check()];
-                    case 2:
                         _b.sent();
                         return [2 /*return*/];
                 }
@@ -191,32 +189,10 @@ var RadioGroup = /** @class */ (function (_super) {
         });
     };
     RadioGroup.prototype.getByIndex = function (index) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.list.getItemByIndex(index)];
-                    case 1: return [2 /*return*/, _b.sent()];
-                }
-            });
-        });
+        return this.list.getItemByIndex(index);
     };
     RadioGroup.prototype.getByText = function (text) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.list.getFirstItemByPredicate(function (radio) { return __awaiter(_this, void 0, void 0, function () { var _b; return __generator(this, function (_c) {
-                            switch (_c.label) {
-                                case 0:
-                                    _b = Boolean;
-                                    return [4 /*yield*/, radio.getText()];
-                                case 1: return [2 /*return*/, _b.apply(void 0, [(_c.sent()).match(text)])];
-                            }
-                        }); }); })];
-                    case 1: return [2 /*return*/, _b.sent()];
-                }
-            });
-        });
+        return this.list.filter({ hasText: text }).getFirstItem();
     };
     RadioGroup.prototype.getTooltip = function (type) {
         return __awaiter(this, void 0, void 0, function () {

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

@@ -36,9 +36,15 @@ export declare class Select extends BaseComponent {
      * - 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(): SelectAssertions;
     private getMenuItemsLocator;
     private getSearchInput;

package/build/src/components/Select.js

@@ -143,7 +143,7 @@ var Select = /** @class */ (function (_super) {
             var searchInput;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getSearchInput()];
+                    case 0: return [4 /*yield*/, this.getSearchInput(options)];
                     case 1:
                         searchInput = _d.sent();
                         return [4 /*yield*/, searchInput.fill(searchText, options)];
@@ -182,7 +182,7 @@ var Select = /** @class */ (function (_super) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(text)];
                     case 1:
                         items = _d.sent();
-                        return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1)];
+                        return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1, options)];
                     case 2:
                         _d.sent();
                         return [4 /*yield*/, items.click(options)];
@@ -197,7 +197,7 @@ var Select = /** @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.waitEnabled()];
+                    case 0: return [4 /*yield*/, this.waitEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.buttonOrLinkLocator.focus(options)];
@@ -227,7 +227,7 @@ var Select = /** @class */ (function (_super) {
                     case 0: 
                     // note: rootLocator всегда в состоянии enabled, даже если Select disabled
                     // чтобы не было гонок дожидаемся доступности компонента, перед тем как взаимодействовать с ним
-                    return [4 /*yield*/, this.waitEnabled()];
+                    return [4 /*yield*/, this.waitEnabled(options)];
                     case 1:
                         // note: rootLocator всегда в состоянии enabled, даже если Select disabled
                         // чтобы не было гонок дожидаемся доступности компонента, перед тем как взаимодействовать с ним
@@ -258,12 +258,12 @@ var Select = /** @class */ (function (_super) {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    Select.prototype.getMenuItems = function () {
+    Select.prototype.getMenuItems = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var container;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _d.sent();
                         return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
@@ -279,13 +279,13 @@ var Select = /** @class */ (function (_super) {
             });
         });
     };
-    Select.prototype.getMenuItemByText = function (text) {
+    Select.prototype.getMenuItemByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItems()];
+                    case 0: return [4 /*yield*/, this.getMenuItems(options)];
                     case 1:
                         items = _d.sent();
                         return [4 /*yield*/, items.getFirstItemByPredicate(function (item) { return __awaiter(_this, void 0, void 0, function () {
@@ -304,12 +304,12 @@ var Select = /** @class */ (function (_super) {
             });
         });
     };
-    Select.prototype.getMenuItemByIndex = function (index) {
+    Select.prototype.getMenuItemByIndex = function (index, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItems()];
+                    case 0: return [4 /*yield*/, this.getMenuItems(options)];
                     case 1:
                         items = _d.sent();
                         return [2 /*return*/, items.getItemByIndex(index)];
@@ -320,12 +320,12 @@ var Select = /** @class */ (function (_super) {
     Select.prototype.expect = function () {
         return new assertions_1.SelectAssertions(this);
     };
-    Select.prototype.getMenuItemsLocator = function (byText) {
+    Select.prototype.getMenuItemsLocator = function (byText, options) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _d.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root));
@@ -334,12 +334,12 @@ var Select = /** @class */ (function (_super) {
             });
         });
     };
-    Select.prototype.getSearchInput = function () {
+    Select.prototype.getSearchInput = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var container;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getPortalContainer()];
+                    case 0: return [4 /*yield*/, this.getPortalContainer(options)];
                     case 1:
                         container = _d.sent();
                         return [2 /*return*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.InputDataTids.root))];
@@ -347,26 +347,26 @@ var Select = /** @class */ (function (_super) {
             });
         });
     };
-    Select.prototype.getPortalContainer = function () {
+    Select.prototype.getPortalContainer = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.openMenuIfNeeded()];
+                    case 0: return [4 /*yield*/, this.openMenuIfNeeded(options)];
                     case 1:
                         _d.sent();
-                        return [2 /*return*/, this.portal.getContainer()];
+                        return [2 /*return*/, this.portal.getContainer(options)];
                 }
             });
         });
     };
-    Select.prototype.openMenuIfNeeded = function () {
+    Select.prototype.openMenuIfNeeded = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0: return [4 /*yield*/, this.isMenuOpened()];
                     case 1:
                         if (!!(_d.sent())) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this.buttonOrLinkLocator.click()];
+                        return [4 /*yield*/, this.buttonOrLinkLocator.click(options)];
                     case 2:
                         _d.sent();
                         _d.label = 3;
@@ -375,7 +375,7 @@ var Select = /** @class */ (function (_super) {
             });
         });
     };
-    Select.prototype.waitEnabled = function () {
+    Select.prototype.waitEnabled = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -386,7 +386,7 @@ var Select = /** @class */ (function (_super) {
                     case 2:
                         _d.sent();
                         return [3 /*break*/, 5];
-                    case 3: return [4 /*yield*/, (0, test_1.expect)(this.buttonOrLinkLocator).toBeEnabled()];
+                    case 3: return [4 /*yield*/, (0, test_1.expect)(this.buttonOrLinkLocator).toBeEnabled(options)];
                     case 4:
                         _d.sent();
                         _d.label = 5;

package/build/src/components/Tab.js

@@ -82,7 +82,7 @@ var Tab = /** @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.rootLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.rootLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.rootLocator.focus(options)];

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

@@ -11,9 +11,9 @@ export declare class Tabs extends BaseComponent {
     constructor(rootLocator: Locator);
     select(tabName: string): Promise<void>;
     getActive(): Tab;
-    getFirst(): Promise<Tab>;
-    getByIndex(index: number): Promise<Tab>;
-    getByName(name: string | RegExp): Promise<Tab>;
+    getFirst(): Tab;
+    getByIndex(index: number): Tab;
+    getByName(name: string | RegExp): Tab;
     expect(): TabsAssertions;
 }
 /**

package/build/src/components/Tabs.js

@@ -86,48 +86,13 @@ var Tabs = /** @class */ (function (_super) {
         return new Tab_1.Tab(this.activeTabLocator);
     };
     Tabs.prototype.getFirst = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.list.getFirstItem()];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
+        return this.list.getFirstItem();
     };
     Tabs.prototype.getByIndex = function (index) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.list.getItemByIndex(index)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
+        return this.list.getItemByIndex(index);
     };
     Tabs.prototype.getByName = function (name) {
-        return __awaiter(this, void 0, void 0, function () {
-            var pattern;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        pattern = typeof name === 'string' ? new RegExp(name) : name;
-                        return [4 /*yield*/, this.list.getFirstItemByPredicate(function (x) { return __awaiter(_this, void 0, void 0, function () {
-                                var text;
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
-                                        case 0: return [4 /*yield*/, x.getText()];
-                                        case 1:
-                                            text = _a.sent();
-                                            return [2 /*return*/, pattern.test(text)];
-                                    }
-                                });
-                            }); })];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
+        return this.list.filter({ hasText: name }).getFirstItem();
     };
     Tabs.prototype.expect = function () {
         return new assertions_1.TabsAssertions(this);

package/build/src/components/Textarea.js

@@ -92,7 +92,7 @@ var Textarea = /** @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.textareaLocator.press(value, options)];
@@ -107,7 +107,7 @@ var Textarea = /** @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.textareaLocator.pressSequentially(value, options)];
@@ -134,7 +134,7 @@ var Textarea = /** @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.textareaLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.textareaLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.textareaLocator.focus(options)];

package/build/src/components/Toggle.js

@@ -108,7 +108,7 @@ var Toggle = /** @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.inputLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.inputLocator).toBeEnabled(options)];
                     case 1:
                         _e.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];

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

@@ -18,5 +18,5 @@ export declare class Token extends BaseComponent {
  * @deprecated createXXXControl feature for migration from '@skbkontur/react-ui-playwright-controls'
  * Task: IF-2498
  */
-export declare const createTokenControl: (context: Locator, options?: import("..").DataTIdOption) => Token;
+export declare const createTokenControl: (context: Locator, options?: import("../utils").DataTIdOption) => Token;
 export type TokenControl = Token;

package/build/src/components/Token.js

@@ -56,7 +56,7 @@ exports.createTokenControl = exports.Token = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
-var dataTidSelector_1 = require("../utils/dataTidSelector");
+var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var createComponentFactory_1 = require("../utils/createComponentFactory");
 var Token = /** @class */ (function (_super) {
@@ -66,7 +66,7 @@ var Token = /** @class */ (function (_super) {
         _this.rootLocator = rootLocator;
         _this[_a] = function () { return _this.removeIconLocator; };
         _this[_b] = function () { return _this.rootLocator; };
-        _this.removeIconLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.TokenDataTids.removeIcon));
+        _this.removeIconLocator = rootLocator.locator((0, utils_1.getDataTidSelector)(react_ui_1.TokenDataTids.removeIcon));
         return _this;
     }
     Token.prototype.isDisabled = function (options) {

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

@@ -5,7 +5,7 @@ import { Token } from './Token';
 import type { TooltipType } from '../utils';
 import { TokenInputAssertions } from '../assertions';
 import { MenuItem } from './MenuItem';
-import type { BlurOptions, ClickOptions, FillOptions, FocusOptions, IsDisabledOptions } from '../options';
+import type { BlurOptions, ClickOptions, FillOptions, FocusOptions, IsDisabledOptions, PressOptions } from '../options';
 import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class TokenInput extends BaseComponent {
     readonly rootLocator: Locator;
@@ -24,7 +24,7 @@ export declare class TokenInput extends BaseComponent {
     /**
      *  Символ, который разделяет введенный текст на токены. По умолчанию - запятая
      */
-    add(delimiter?: string): Promise<void>;
+    add(delimiter?: string, options?: PressOptions): Promise<void>;
     /**
      * Используй этот метод, когда в меню существует несколько элементов с одинаковым названием
      * В остальных случаях лучше использовать `select`
@@ -42,7 +42,9 @@ export declare class TokenInput extends BaseComponent {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    getMenuItems(): Promise<ComponentList<MenuItem>>;
+    getMenuItems(options?: {
+        timeout?: number;
+    }): Promise<ComponentList<MenuItem>>;
     expect(): TokenInputAssertions;
     private getMenuItemsLocator;
 }

package/build/src/components/TokenInput.js

@@ -64,7 +64,7 @@ var Token_1 = require("./Token");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var MenuItem_1 = require("./MenuItem");
-var dataTidSelector_1 = require("../utils/dataTidSelector");
+var utils_2 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var createComponentFactory_1 = require("../utils/createComponentFactory");
 var TokenInput = /** @class */ (function (_super) {
@@ -77,7 +77,7 @@ var TokenInput = /** @class */ (function (_super) {
         _this[_c] = function () { return _this.textareaLocator; };
         _this.portal = new Portal_1.Portal(rootLocator.locator('noscript'));
         _this.textareaLocator = rootLocator.locator('textarea');
-        _this.tokens = new ComponentList_1.ComponentList(_this.rootLocator, function (locator) { return locator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.TokenDataTids.root)); }, function (locator) { return new Token_1.Token(locator); });
+        _this.tokens = new ComponentList_1.ComponentList(_this.rootLocator, function (locator) { return locator.locator((0, utils_2.getDataTidSelector)(react_ui_1.TokenDataTids.root)); }, function (locator) { return new Token_1.Token(locator); });
         return _this;
     }
     TokenInput.prototype.isDisabled = function (options) {
@@ -129,21 +129,12 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.removeTokenByText = function (text, options) {
         return __awaiter(this, void 0, void 0, function () {
             var token;
-            var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.tokens.getFirstItemByPredicate(function (token) { return __awaiter(_this, void 0, void 0, function () { var _d; return __generator(this, function (_e) {
-                            switch (_e.label) {
-                                case 0:
-                                    _d = Boolean;
-                                    return [4 /*yield*/, token.getText()];
-                                case 1: return [2 /*return*/, _d.apply(void 0, [(_e.sent()).match(text)])];
-                            }
-                        }); }); })];
-                    case 1:
-                        token = _d.sent();
+                    case 0:
+                        token = this.tokens.filter({ hasText: text }).getFirstItem();
                         return [4 /*yield*/, token.remove(options)];
-                    case 2:
+                    case 1:
                         _d.sent();
                         return [2 /*return*/];
                 }
@@ -155,11 +146,10 @@ var TokenInput = /** @class */ (function (_super) {
             var token;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.tokens.getItemByIndex(index)];
-                    case 1:
-                        token = _d.sent();
+                    case 0:
+                        token = this.tokens.getItemByIndex(index);
                         return [4 /*yield*/, token.remove(options)];
-                    case 2:
+                    case 1:
                         _d.sent();
                         return [2 /*return*/];
                 }
@@ -170,15 +160,11 @@ var TokenInput = /** @class */ (function (_super) {
      *  Символ, который разделяет введенный текст на токены. По умолчанию - запятая
      */
     TokenInput.prototype.add = function () {
-        return __awaiter(this, arguments, void 0, function (delimiter) {
+        return __awaiter(this, arguments, void 0, function (delimiter, options) {
             if (delimiter === void 0) { delimiter = ','; }
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0:
-                        if (delimiter.length != 1) {
-                            throw new Error('Разделитель должен состоять из одного символа');
-                        }
-                        return [4 /*yield*/, this.textareaLocator.press(delimiter)];
+                    case 0: return [4 /*yield*/, this.textareaLocator.press(delimiter, options)];
                     case 1:
                         _d.sent();
                         return [2 /*return*/];
@@ -195,7 +181,7 @@ var TokenInput = /** @class */ (function (_super) {
             var items;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(value)];
+                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(value, options)];
                     case 1:
                         items = _d.sent();
                         return [4 /*yield*/, items.first().click(options)];
@@ -211,10 +197,10 @@ var TokenInput = /** @class */ (function (_super) {
             var items;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(value)];
+                    case 0: return [4 /*yield*/, this.getMenuItemsLocator(value, options)];
                     case 1:
                         items = _d.sent();
-                        return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1)];
+                        return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1, options)];
                     case 2:
                         _d.sent();
                         return [4 /*yield*/, items.click(options)];
@@ -229,7 +215,7 @@ var TokenInput = /** @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.textareaLocator).toBeEnabled()];
+                    case 0: return [4 /*yield*/, (0, test_1.expect)(this.textareaLocator).toBeEnabled(options)];
                     case 1:
                         _d.sent();
                         return [4 /*yield*/, this.textareaLocator.focus(options)];
@@ -274,26 +260,28 @@ var TokenInput = /** @class */ (function (_super) {
      * - MenuHeaderDataTids.root
      * - MenuFooterDataTids.root
      */
-    TokenInput.prototype.getMenuItems = function () {
+    TokenInput.prototype.getMenuItems = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var container;
             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.portal.getContainer()];
+                        return [4 /*yield*/, this.portal.getContainer(options)];
                     case 2:
                         container = _d.sent();
-                        return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
+                        return [4 /*yield*/, container
+                                .locator((0, utils_2.getDataTidSelector)(react_ui_1.SpinnerDataTids.root))
+                                .waitFor({ state: 'hidden', timeout: options === null || options === void 0 ? void 0 : options.timeout })];
                     case 3:
                         _d.sent();
                         return [2 /*return*/, new ComponentList_1.ComponentList(container, function (locator) {
                                 return locator
-                                    .locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))
-                                    .or(locator.locator((0, dataTidSelector_1.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item)))
-                                    .or(locator.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.MenuHeaderDataTids.root)))
-                                    .or(locator.locator((0, dataTidSelector_1.getDataTidSelector)(MenuFooter_1.MenuFooterDataTids.root)));
+                                    .locator((0, utils_2.getDataTidSelector)(react_ui_1.MenuItemDataTids.root))
+                                    .or(locator.locator((0, utils_2.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item)))
+                                    .or(locator.locator((0, utils_2.getDataTidSelector)(react_ui_1.MenuHeaderDataTids.root)))
+                                    .or(locator.locator((0, utils_2.getDataTidSelector)(MenuFooter_1.MenuFooterDataTids.root)));
                             }, function (locator) { return new MenuItem_1.MenuItem(locator); })];
                 }
             });
@@ -302,15 +290,15 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.expect = function () {
         return new assertions_1.TokenInputAssertions(this);
     };
-    TokenInput.prototype.getMenuItemsLocator = function (byText) {
+    TokenInput.prototype.getMenuItemsLocator = function (byText, options) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.portal.getContainer()];
+                    case 0: return [4 /*yield*/, this.portal.getContainer(options)];
                     case 1:
                         container = _d.sent();
-                        items = container.locator((0, dataTidSelector_1.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item));
+                        items = container.locator((0, utils_2.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item));
                         return [2 /*return*/, items.getByText(byText)];
                 }
             });

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

@@ -11,7 +11,9 @@ export declare class Tooltip extends BaseComponent {
     constructor(rootLocator: Locator);
     getText(options?: InnerTextOptions): Promise<string>;
     getContent(): Locator;
-    close(): Promise<void>;
+    close(options?: {
+        timeout?: number;
+    }): Promise<void>;
     expect(): TooltipAssertions;
 }
 /**

package/build/src/components/Tooltip.js

@@ -75,14 +75,14 @@ var Tooltip = /** @class */ (function (_super) {
     Tooltip.prototype.getContent = function () {
         return this.contentLocator;
     };
-    Tooltip.prototype.close = function () {
+    Tooltip.prototype.close = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
-                    case 0: return [4 /*yield*/, this.closeLocator.click()];
+                    case 0: return [4 /*yield*/, this.closeLocator.click(options)];
                     case 1:
                         _b.sent();
-                        return [4 /*yield*/, this.waitFor({ state: 'hidden' })];
+                        return [4 /*yield*/, this.waitFor({ state: 'hidden', timeout: options === null || options === void 0 ? void 0 : options.timeout })];
                     case 2:
                         _b.sent();
                         return [2 /*return*/];