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

package/build/src/components/TokenInput.js

@@ -50,6 +50,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TokenInput = void 0;
 var test_1 = require("@playwright/test");
@@ -64,11 +65,15 @@ var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var TokenInput = /** @class */ (function (_super) {
     __extends(TokenInput, _super);
     function TokenInput(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.textareaLocator; };
+        _this[_b] = function () { return _this.tokens.itemsLocator; };
+        _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); });
@@ -76,21 +81,21 @@ var TokenInput = /** @class */ (function (_super) {
     }
     TokenInput.prototype.isDisabled = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     TokenInput.prototype.fill = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.fill(value, options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -99,19 +104,19 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.clear = function (options) {
         return __awaiter(this, void 0, void 0, function () {
             var tokens, i;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.tokens.getItems()];
                     case 1:
-                        tokens = _a.sent();
+                        tokens = _d.sent();
                         i = tokens.length - 1;
-                        _a.label = 2;
+                        _d.label = 2;
                     case 2:
                         if (!(i >= 0)) return [3 /*break*/, 5];
                         return [4 /*yield*/, tokens[i].remove(options)];
                     case 3:
-                        _a.sent();
-                        _a.label = 4;
+                        _d.sent();
+                        _d.label = 4;
                     case 4:
                         i--;
                         return [3 /*break*/, 2];
@@ -124,21 +129,21 @@ var TokenInput = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var token;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.tokens.getFirstItemByPredicate(function (token) { return __awaiter(_this, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
-                            switch (_b.label) {
+            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:
-                                    _a = Boolean;
+                                    _d = Boolean;
                                     return [4 /*yield*/, token.getText()];
-                                case 1: return [2 /*return*/, _a.apply(void 0, [(_b.sent()).match(text)])];
+                                case 1: return [2 /*return*/, _d.apply(void 0, [(_e.sent()).match(text)])];
                             }
                         }); }); })];
                     case 1:
-                        token = _a.sent();
+                        token = _d.sent();
                         return [4 /*yield*/, token.remove(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -147,14 +152,14 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.removeTokenByIndex = function (index, options) {
         return __awaiter(this, void 0, void 0, function () {
             var token;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.tokens.getItemByIndex(index)];
                     case 1:
-                        token = _a.sent();
+                        token = _d.sent();
                         return [4 /*yield*/, token.remove(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -166,15 +171,15 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.add = function () {
         return __awaiter(this, arguments, void 0, function (delimiter) {
             if (delimiter === void 0) { delimiter = ','; }
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            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 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -187,14 +192,14 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.selectFirst = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(value)];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, items.first().click(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -203,17 +208,17 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.select = function (value, options) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.getMenuItemsLocator(value)];
                     case 1:
-                        items = _a.sent();
+                        items = _d.sent();
                         return [4 /*yield*/, (0, test_1.expect)(items).toHaveCount(1)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, items.click(options)];
                     case 3:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -221,14 +226,14 @@ var TokenInput = /** @class */ (function (_super) {
     };
     TokenInput.prototype.focus = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, (0, test_1.expect)(this.textareaLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.textareaLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -236,11 +241,11 @@ var TokenInput = /** @class */ (function (_super) {
     };
     TokenInput.prototype.blur = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -248,22 +253,18 @@ var TokenInput = /** @class */ (function (_super) {
     };
     TokenInput.prototype.click = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.textareaLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     TokenInput.prototype.getTooltip = function (type) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, (0, utils_1.getTooltip)(type, this)];
-            });
-        });
+        return (0, utils_1.getTooltip)(type, this);
     };
     /**
      * Возвращает список меню по data-tid'ам из react-ui:
@@ -275,17 +276,17 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.getMenuItems = function () {
         return __awaiter(this, void 0, void 0, function () {
             var container;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.focus()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.portal.getContainer()];
                     case 2:
-                        container = _a.sent();
+                        container = _d.sent();
                         return [4 /*yield*/, container.locator((0, dataTidSelector_1.getDataTidSelector)(react_ui_1.SpinnerDataTids.root)).waitFor({ state: 'hidden' })];
                     case 3:
-                        _a.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))
@@ -303,11 +304,11 @@ var TokenInput = /** @class */ (function (_super) {
     TokenInput.prototype.getMenuItemsLocator = function (byText) {
         return __awaiter(this, void 0, void 0, function () {
             var container, items;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0: return [4 /*yield*/, this.portal.getContainer()];
                     case 1:
-                        container = _a.sent();
+                        container = _d.sent();
                         items = container.locator((0, dataTidSelector_1.getDataTidSelector)(CustomComboBox_1.ComboBoxMenuDataTids.item));
                         return [2 /*return*/, items.getByText(byText)];
                 }
@@ -317,3 +318,4 @@ var TokenInput = /** @class */ (function (_super) {
     return TokenInput;
 }(BaseComponent_1.BaseComponent));
 exports.TokenInput = TokenInput;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -2,10 +2,12 @@ import type { Locator } from '@playwright/test';
 import { BaseComponent } from './BaseComponent';
 import { TooltipAssertions } from '../assertions';
 import type { InnerTextOptions } from '../options';
+import { toTextElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class Tooltip extends BaseComponent {
     readonly rootLocator: Locator;
     private readonly closeLocator;
     private readonly contentLocator;
+    readonly [toTextElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     getText(options?: InnerTextOptions): Promise<string>;
     getContent(): Locator;

package/build/src/components/Tooltip.js

@@ -50,41 +50,40 @@ 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;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var Tooltip_1 = require("@skbkontur/react-ui/components/Tooltip");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
 var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);
     function Tooltip(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.contentLocator; };
         _this.contentLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(Tooltip_1.TooltipDataTids.content));
         _this.closeLocator = rootLocator.locator((0, dataTidSelector_1.getDataTidSelector)(Tooltip_1.TooltipDataTids.crossIcon));
         return _this;
     }
     Tooltip.prototype.getText = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.contentLocator.innerText(options)];
-            });
-        });
+        return this.contentLocator.innerText(options);
     };
     Tooltip.prototype.getContent = function () {
         return this.contentLocator;
     };
     Tooltip.prototype.close = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, this.closeLocator.click()];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [4 /*yield*/, this.waitFor({ state: 'hidden' })];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
@@ -96,3 +95,4 @@ var Tooltip = /** @class */ (function (_super) {
     return Tooltip;
 }(BaseComponent_1.BaseComponent));
 exports.Tooltip = Tooltip;
+_a = LocatorSymbols_1.toTextElementLocator;

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

@@ -32,3 +32,4 @@ export { FileUploader } from './FileUploader';
 export { FxInput } from './FxInput';
 export { Kebab } from './Kebab';
 export { Paging } from './Paging';
+export { MenuComponent } from './MenuComponent';

package/build/src/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paging = exports.Kebab = exports.FxInput = exports.FileUploader = exports.DateInput = exports.Autocomplete = exports.Spinner = exports.Loader = exports.Tab = exports.Tabs = exports.Link = exports.Toggle = exports.Select = exports.Toast = exports.Dropdown = exports.DropdownMenu = exports.Textarea = exports.DateRangePicker = exports.DatePicker = exports.TokenInput = exports.Token = exports.CurrencyInput = exports.Input = exports.RadioGroup = exports.Radio = exports.ComponentList = exports.MenuItem = exports.Label = exports.ComboBox = exports.Checkbox = exports.Portal = exports.Tooltip = exports.Button = exports.BaseComponent = void 0;
+exports.MenuComponent = exports.Paging = exports.Kebab = exports.FxInput = exports.FileUploader = exports.DateInput = exports.Autocomplete = exports.Spinner = exports.Loader = exports.Tab = exports.Tabs = exports.Link = exports.Toggle = exports.Select = exports.Toast = exports.Dropdown = exports.DropdownMenu = exports.Textarea = exports.DateRangePicker = exports.DatePicker = exports.TokenInput = exports.Token = exports.CurrencyInput = exports.Input = exports.RadioGroup = exports.Radio = exports.ComponentList = exports.MenuItem = exports.Label = exports.ComboBox = exports.Checkbox = exports.Portal = exports.Tooltip = exports.Button = exports.BaseComponent = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return BaseComponent_1.BaseComponent; } });
 var Button_1 = require("./Button");
@@ -69,3 +69,5 @@ var Kebab_1 = require("./Kebab");
 Object.defineProperty(exports, "Kebab", { enumerable: true, get: function () { return Kebab_1.Kebab; } });
 var Paging_1 = require("./Paging");
 Object.defineProperty(exports, "Paging", { enumerable: true, get: function () { return Paging_1.Paging; } });
+var MenuComponent_1 = require("./MenuComponent");
+Object.defineProperty(exports, "MenuComponent", { enumerable: true, get: function () { return MenuComponent_1.MenuComponent; } });

package/build/src/extensions/index.d.ts

@@ -0,0 +1 @@
+export * from './mergedExpects';

package/build/src/extensions/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./mergedExpects"), exports);

package/build/src/extensions/mergedExpects.d.ts

@@ -0,0 +1,5 @@
+import type { Expect } from '@playwright/test';
+import { type FormattedMatchers } from '../matchers/index';
+import { type ComponentMatchers } from '../matchers/componentMatchers';
+export type ExtendedExpect = Expect<FormattedMatchers & ComponentMatchers>;
+export declare const expect: ExtendedExpect;

package/build/src/extensions/mergedExpects.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.expect = void 0;
+var test_1 = require("@playwright/test");
+var index_1 = require("../matchers/index");
+var componentMatchers_1 = require("../matchers/componentMatchers");
+exports.expect = (0, test_1.mergeExpects)(test_1.expect, index_1.formattedMatchers, componentMatchers_1.componentMatchers);

package/build/src/index.d.ts

@@ -3,3 +3,5 @@ export * from './utils';
 export * from './options';
 export * from './matchers';
 export * from './components';
+export * from './extensions';
+export * from './utils';

package/build/src/index.js

@@ -19,3 +19,5 @@ __exportStar(require("./utils"), exports);
 __exportStar(require("./options"), exports);
 __exportStar(require("./matchers"), exports);
 __exportStar(require("./components"), exports);
+__exportStar(require("./extensions"), exports);
+__exportStar(require("./utils"), exports);

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

@@ -0,0 +1,43 @@
+import type { Locator } from '@playwright/test';
+export declare const toRootElementLocator: unique symbol;
+export declare const toVisibleElementLocator: unique symbol;
+export declare const toControlElementLocator: unique symbol;
+export declare const toItemsElementLocator: unique symbol;
+export declare const toTextElementLocator: unique symbol;
+export declare const toFocusableElementLocator: unique symbol;
+export declare const toValueElementLocator: unique symbol;
+export declare const toCheckableElementLocator: unique symbol;
+export declare const toContainItemElementLocator: unique symbol;
+export declare const toHaveAttributeElementLocator: unique symbol;
+export type LocatorType = Locator | Promise<Locator>;
+export type LocatorTypeFn = () => LocatorType;
+export type RootSymbolLocator = {
+    [toRootElementLocator]: LocatorTypeFn;
+};
+export type VisibleElementLocator = {
+    [toVisibleElementLocator]: LocatorTypeFn;
+};
+export type ControlElementLocator = {
+    [toControlElementLocator]: LocatorTypeFn;
+};
+export type ToHaveAttributeElementLocator = {
+    [toHaveAttributeElementLocator]: LocatorTypeFn;
+};
+export type ToHaveItemsElementLocator = {
+    [toItemsElementLocator]: LocatorTypeFn;
+};
+export type ToContainItemElementLocator = {
+    [toContainItemElementLocator]: LocatorTypeFn;
+};
+export type ToTextElementLocator = {
+    [toTextElementLocator]: LocatorTypeFn;
+};
+export type ToBeFocusableElementLocator = {
+    [toFocusableElementLocator]: LocatorTypeFn;
+};
+export type ToWithValueElementLocator = {
+    [toValueElementLocator]: LocatorTypeFn;
+};
+export type ToBeCheckableElementLocator = {
+    [toCheckableElementLocator]: LocatorTypeFn;
+};

package/build/src/matchers/component/LocatorSymbols.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toHaveAttributeElementLocator = exports.toContainItemElementLocator = exports.toCheckableElementLocator = exports.toValueElementLocator = exports.toFocusableElementLocator = exports.toTextElementLocator = exports.toItemsElementLocator = exports.toControlElementLocator = exports.toVisibleElementLocator = exports.toRootElementLocator = void 0;
+exports.toRootElementLocator = Symbol.for('toRootElementLocator');
+exports.toVisibleElementLocator = Symbol.for('toVisibleElementLocator');
+exports.toControlElementLocator = Symbol.for('toControlElementLocator');
+exports.toItemsElementLocator = Symbol.for('toItemsElementLocator');
+exports.toTextElementLocator = Symbol.for('toTextElementLocator');
+exports.toFocusableElementLocator = Symbol.for('toFocusableElementLocator');
+exports.toValueElementLocator = Symbol.for('toValueElementLocator');
+exports.toCheckableElementLocator = Symbol.for('toCheckableElementLocator');
+exports.toContainItemElementLocator = Symbol.for('toContainItemElementLocator');
+exports.toHaveAttributeElementLocator = Symbol.for('toHaveAttributeElementLocator');

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/toBeActiveTab.js

@@ -0,0 +1,56 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toBeActiveTab = void 0;
+var test_1 = require("@playwright/test");
+var constants_1 = require("../../utils/constants");
+var createAsyncMatcher_1 = require("../createAsyncMatcher");
+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) {
+        switch (_c.label) {
+            case 0:
+                expectation = isNot ? (0, test_1.expect)(locator).not : (0, test_1.expect)(locator);
+                return [4 /*yield*/, expectation.toHaveAttribute(constants_1.DataVisualState.Active, options)];
+            case 1:
+                _c.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });

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/toBeAutoMode.js

@@ -0,0 +1,62 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toBeAutoMode = void 0;
+var test_1 = require("@playwright/test");
+var createAsyncMatcher_1 = require("../createAsyncMatcher");
+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) {
+            case 0:
+                if (!isNot) return [3 /*break*/, 2];
+                return [4 /*yield*/, (0, test_1.expect)(locator).toBeVisible(options)];
+            case 1:
+                _c.sent();
+                return [3 /*break*/, 5];
+            case 2: return [4 /*yield*/, component.waitFor()];
+            case 3:
+                _c.sent();
+                return [4 /*yield*/, (0, test_1.expect)(locator).toBeHidden(options)];
+            case 4:
+                _c.sent();
+                _c.label = 5;
+            case 5: return [2 /*return*/];
+        }
+    });
+}); });

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>;