@skbkontur/playwright-react-ui-components 1.15.0 → 1.16.0-beta.1

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

@@ -27,3 +27,4 @@ export declare class Autocomplete extends BaseComponent {
     expect(): AutocompleteAssertions;
     private getSuggestions;
 }
+export declare const createAutocompleteControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Autocomplete;

package/build/src/components/Autocomplete.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
+exports.createAutocompleteControl = exports.Autocomplete = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
@@ -61,6 +61,7 @@ var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Autocomplete = /** @class */ (function (_super) {
     __extends(Autocomplete, _super);
     function Autocomplete(rootLocator) {
@@ -256,3 +257,4 @@ var Autocomplete = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Autocomplete = Autocomplete;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createAutocompleteControl = (0, createControlFactory_1.createControlTIdFactory)(Autocomplete);

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

@@ -23,3 +23,4 @@ export declare class Button extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): ButtonAssertions;
 }
+export declare const createButtonControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Button;

package/build/src/components/Button.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.createButtonControl = exports.Button = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 /**
  * Button можно использовать как для @skbkontur/react-ui, так и для react
  * Но часть функциональности (проверка на Error / Warning) не будет работать с button из react
@@ -150,3 +151,4 @@ var Button = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Button = Button;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createButtonControl = (0, createControlFactory_1.createControlTIdFactory)(Button);

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

@@ -25,3 +25,4 @@ export declare class Checkbox extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): CheckboxAssertions;
 }
+export declare const createCheckboxControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Checkbox;

package/build/src/components/Checkbox.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
+exports.createCheckboxControl = exports.Checkbox = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Checkbox = /** @class */ (function (_super) {
     __extends(Checkbox, _super);
     function Checkbox(rootLocator) {
@@ -151,3 +152,4 @@ var Checkbox = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Checkbox = Checkbox;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toValueElementLocator, _d = LocatorSymbols_1.toTextElementLocator, _e = LocatorSymbols_1.toFocusableElementLocator;
+exports.createCheckboxControl = (0, createControlFactory_1.createControlTIdFactory)(Checkbox);

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

@@ -45,3 +45,4 @@ export declare class ComboBox extends MenuComponent {
     expect(): ComboBoxAssertions;
     private getComboBoxMenuItemsLocator;
 }
+export declare const createComboBoxControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => ComboBox;

package/build/src/components/ComboBox.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBox = void 0;
+exports.createComboBoxControl = exports.ComboBox = void 0;
 var test_1 = require("@playwright/test");
 var CustomComboBox_1 = require("@skbkontur/react-ui/internal/CustomComboBox");
 var react_ui_1 = require("@skbkontur/react-ui");
@@ -67,6 +67,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var ComboBox = /** @class */ (function (_super) {
     __extends(ComboBox, _super);
     function ComboBox(rootLocator) {
@@ -303,3 +304,4 @@ var ComboBox = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.ComboBox = ComboBox;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createComboBoxControl = (0, createControlFactory_1.createControlTIdFactory)(ComboBox);

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

@@ -23,3 +23,4 @@ export declare class CurrencyInput extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): CurrencyInputAssertions;
 }
+export declare const createCurrencyInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => CurrencyInput;

package/build/src/components/CurrencyInput.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
+exports.createCurrencyInputControl = exports.CurrencyInput = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var CurrencyInput = /** @class */ (function (_super) {
     __extends(CurrencyInput, _super);
     function CurrencyInput(rootLocator) {
@@ -201,3 +202,4 @@ var CurrencyInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.CurrencyInput = CurrencyInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createCurrencyInputControl = (0, createControlFactory_1.createControlTIdFactory)(CurrencyInput);

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

@@ -20,3 +20,4 @@ export declare class DateInput extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): DateInputAssertions;
 }
+export declare const createDateInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DateInput;

package/build/src/components/DateInput.js

@@ -63,12 +63,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateInput = void 0;
+exports.createDateInputControl = exports.DateInput = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var DateInput = /** @class */ (function (_super) {
     __extends(DateInput, _super);
     function DateInput(rootLocator) {
@@ -195,3 +196,4 @@ var DateInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DateInput = DateInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDateInputControl = (0, createControlFactory_1.createControlTIdFactory)(DateInput);

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

@@ -22,3 +22,4 @@ export declare class DatePicker extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): DatePickerAssertions;
 }
+export declare const createDatePickerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DatePicker;

package/build/src/components/DatePicker.js

@@ -63,7 +63,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
+exports.createDatePickerControl = exports.DatePicker = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
@@ -71,6 +71,7 @@ var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var DatePicker = /** @class */ (function (_super) {
     __extends(DatePicker, _super);
     function DatePicker(rootLocator) {
@@ -205,3 +206,4 @@ var DatePicker = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DatePicker = DatePicker;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDatePickerControl = (0, createControlFactory_1.createControlTIdFactory)(DatePicker);

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

@@ -20,3 +20,4 @@ export declare class DateRangePicker extends BaseComponent {
     clear(options?: ClearOptions): Promise<void>;
     expect(): DateRangePickerAssertions;
 }
+export declare const createDateRangePickerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DateRangePicker;

package/build/src/components/DateRangePicker.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
+exports.createDateRangePickerControl = exports.DateRangePicker = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var DatePicker_1 = require("./DatePicker");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var DateRangePicker = /** @class */ (function (_super) {
     __extends(DateRangePicker, _super);
     function DateRangePicker(rootLocator) {
@@ -113,3 +114,4 @@ var DateRangePicker = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.DateRangePicker = DateRangePicker;
 _a = LocatorSymbols_1.toValueElementLocator;
+exports.createDateRangePickerControl = (0, createControlFactory_1.createControlTIdFactory)(DateRangePicker);

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

@@ -38,3 +38,4 @@ export declare class Dropdown extends MenuComponent {
     private getMenuItemsLocator;
     private getPortalContainer;
 }
+export declare const createDropdownControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Dropdown;

package/build/src/components/Dropdown.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
+exports.createDropdownControl = exports.Dropdown = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
@@ -64,6 +64,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Dropdown = /** @class */ (function (_super) {
     __extends(Dropdown, _super);
     function Dropdown(rootLocator) {
@@ -323,3 +324,4 @@ var Dropdown = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.Dropdown = Dropdown;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toItemsElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createDropdownControl = (0, createControlFactory_1.createControlTIdFactory)(Dropdown);

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

@@ -39,3 +39,4 @@ export declare class DropdownMenu extends MenuComponent {
     private getMenuItemsLocator;
     private getPortalContainer;
 }
+export declare const createDropdownMenuControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => DropdownMenu;

package/build/src/components/DropdownMenu.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenu = void 0;
+exports.createDropdownMenuControl = exports.DropdownMenu = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
 var PopupMenu_1 = require("@skbkontur/react-ui/internal/PopupMenu");
@@ -64,6 +64,7 @@ var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var DropdownMenu = /** @class */ (function (_super) {
     __extends(DropdownMenu, _super);
     function DropdownMenu(rootLocator) {
@@ -293,3 +294,4 @@ var DropdownMenu = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.DropdownMenu = DropdownMenu;
 _a = LocatorSymbols_1.toTextElementLocator, _b = LocatorSymbols_1.toItemsElementLocator;
+exports.createDropdownMenuControl = (0, createControlFactory_1.createControlTIdFactory)(DropdownMenu);

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

@@ -53,4 +53,5 @@ declare class File extends BaseComponent {
     constructor(rootLocator: Locator);
     remove(options?: ClickOptions): Promise<void>;
 }
+export declare const createFileUploaderControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => FileUploader;
 export {};

package/build/src/components/FileUploader.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileUploader = void 0;
+exports.createFileUploaderControl = exports.FileUploader = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var ComponentList_1 = require("./ComponentList");
 var Label_1 = require("./Label");
@@ -60,6 +60,7 @@ var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var FileUploader = /** @class */ (function (_super) {
     __extends(FileUploader, _super);
     function FileUploader(rootLocator) {
@@ -211,3 +212,4 @@ var File = /** @class */ (function (_super) {
     };
     return File;
 }(BaseComponent_1.BaseComponent));
+exports.createFileUploaderControl = (0, createControlFactory_1.createControlTIdFactory)(FileUploader);

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

@@ -25,3 +25,4 @@ export declare class FxInput extends BaseComponent {
     setAuto(options?: ClickOptions): Promise<void>;
     expect(): FxInputAssertions;
 }
+export declare const createFxInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => FxInput;

package/build/src/components/FxInput.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FxInput = void 0;
+exports.createFxInputControl = exports.FxInput = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var FxInput = /** @class */ (function (_super) {
     __extends(FxInput, _super);
     function FxInput(rootLocator) {
@@ -217,3 +218,4 @@ var FxInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.FxInput = FxInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createFxInputControl = (0, createControlFactory_1.createControlTIdFactory)(FxInput);

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

@@ -23,3 +23,4 @@ export declare class Input extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): InputAssertions;
 }
+export declare const createInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Input;

package/build/src/components/Input.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
+exports.createInputControl = exports.Input = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Input = /** @class */ (function (_super) {
     __extends(Input, _super);
     function Input(rootLocator) {
@@ -192,3 +193,4 @@ var Input = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Input = Input;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createInputControl = (0, createControlFactory_1.createControlTIdFactory)(Input);

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

@@ -28,3 +28,4 @@ export declare class Kebab extends MenuComponent {
     private getMenuItemsLocator;
     getPortalContainer(): Promise<Locator>;
 }
+export declare const createKebabControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Kebab;

package/build/src/components/Kebab.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Kebab = void 0;
+exports.createKebabControl = exports.Kebab = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var Portal_1 = require("./Portal");
 var utils_1 = require("../utils");
@@ -62,6 +62,7 @@ var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var MenuComponent_1 = require("./MenuComponent");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Kebab = /** @class */ (function (_super) {
     __extends(Kebab, _super);
     function Kebab(rootLocator) {
@@ -246,3 +247,4 @@ var Kebab = /** @class */ (function (_super) {
 }(MenuComponent_1.MenuComponent));
 exports.Kebab = Kebab;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toItemsElementLocator;
+exports.createKebabControl = (0, createControlFactory_1.createControlTIdFactory)(Kebab);

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

@@ -13,3 +13,4 @@ export declare class Label extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): LabelAssertions;
 }
+export declare const createLabelControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Label;

package/build/src/components/Label.js

@@ -52,11 +52,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
+exports.createLabelControl = exports.Label = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Label = /** @class */ (function (_super) {
     __extends(Label, _super);
     function Label(rootLocator) {
@@ -88,3 +89,4 @@ var Label = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Label = Label;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createLabelControl = (0, createControlFactory_1.createControlTIdFactory)(Label);

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

@@ -18,3 +18,4 @@ export declare class Link extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): LinkAssertions;
 }
+export declare const createLinkControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Link;

package/build/src/components/Link.js

@@ -52,13 +52,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
+exports.createLinkControl = exports.Link = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var utils_2 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Link = /** @class */ (function (_super) {
     __extends(Link, _super);
     function Link(rootLocator) {
@@ -122,3 +123,4 @@ var Link = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Link = Link;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createLinkControl = (0, createControlFactory_1.createControlTIdFactory)(Link);

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

@@ -15,3 +15,4 @@ export declare class Loader extends BaseComponent {
     }): Promise<void>;
     expect(): LoaderAssertions;
 }
+export declare const createLoaderControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Loader;

package/build/src/components/Loader.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
+exports.createLoaderControl = exports.Loader = 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 LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Loader = /** @class */ (function (_super) {
     __extends(Loader, _super);
     function Loader(rootLocator) {
@@ -106,3 +107,4 @@ var Loader = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Loader = Loader;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createLoaderControl = (0, createControlFactory_1.createControlTIdFactory)(Loader);

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

@@ -13,3 +13,4 @@ export declare class MenuItem extends BaseComponent {
     getText(options?: InnerTextOptions): Promise<string>;
     expect(): MenuItemAssertations;
 }
+export declare const createMenuItemControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => MenuItem;

package/build/src/components/MenuItem.js

@@ -52,13 +52,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
+exports.createMenuItemControl = exports.MenuItem = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var Label_1 = require("./Label");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var MenuItem = /** @class */ (function (_super) {
     __extends(MenuItem, _super);
     function MenuItem(rootLocator) {
@@ -86,3 +87,4 @@ var MenuItem = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.MenuItem = MenuItem;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createMenuItemControl = (0, createControlFactory_1.createControlTIdFactory)(MenuItem);

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

@@ -24,4 +24,5 @@ declare class Page extends Label {
     isActive(): Promise<boolean>;
     getNumber(): Promise<number>;
 }
+export declare const createPagingControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Paging;
 export {};

package/build/src/components/Paging.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paging = void 0;
+exports.createPagingControl = exports.Paging = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var Label_1 = require("./Label");
@@ -61,6 +61,7 @@ var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Paging = /** @class */ (function (_super) {
     __extends(Paging, _super);
     function Paging(rootLocator) {
@@ -254,3 +255,4 @@ var Page = /** @class */ (function (_super) {
     };
     return Page;
 }(Label_1.Label));
+exports.createPagingControl = (0, createControlFactory_1.createControlTIdFactory)(Paging);

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

@@ -11,3 +11,4 @@ export declare class Portal extends BaseComponent {
     private getContainerId;
     expect(): PortalAssertions;
 }
+export declare const createPortalControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Portal;

package/build/src/components/Portal.js

@@ -52,11 +52,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = void 0;
+exports.createPortalControl = exports.Portal = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Portal = /** @class */ (function (_super) {
     __extends(Portal, _super);
     function Portal(rootLocator) {
@@ -114,3 +115,4 @@ var Portal = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Portal = Portal;
 _a = LocatorSymbols_1.toVisibleElementLocator;
+exports.createPortalControl = (0, createControlFactory_1.createControlTIdFactory)(Portal);

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

@@ -23,3 +23,4 @@ export declare class Radio extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): RadioAssertions;
 }
+export declare const createRadioControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Radio;

package/build/src/components/Radio.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
+exports.createRadioControl = exports.Radio = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var utils_1 = require("../utils");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Radio = /** @class */ (function (_super) {
     __extends(Radio, _super);
     function Radio(rootLocator) {
@@ -158,3 +159,4 @@ var Radio = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Radio = Radio;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toValueElementLocator, _d = LocatorSymbols_1.toTextElementLocator, _e = LocatorSymbols_1.toFocusableElementLocator;
+exports.createRadioControl = (0, createControlFactory_1.createControlTIdFactory)(Radio);

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

@@ -21,3 +21,4 @@ export declare class RadioGroup extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): RadioGroupAssertions;
 }
+export declare const createRadioGroupControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => RadioGroup;

package/build/src/components/RadioGroup.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
+exports.createRadioGroupControl = exports.RadioGroup = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var assertions_1 = require("../assertions");
 var BaseComponent_1 = require("./BaseComponent");
@@ -61,6 +61,7 @@ var Radio_1 = require("./Radio");
 var utils_1 = require("../utils");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var RadioGroup = /** @class */ (function (_super) {
     __extends(RadioGroup, _super);
     function RadioGroup(rootLocator) {
@@ -234,3 +235,4 @@ var RadioGroup = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.RadioGroup = RadioGroup;
 _a = LocatorSymbols_1.toControlElementLocator;
+exports.createRadioGroupControl = (0, createControlFactory_1.createControlTIdFactory)(RadioGroup);

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

@@ -46,3 +46,4 @@ export declare class Select extends BaseComponent {
     private openMenuIfNeeded;
     private waitEnabled;
 }
+export declare const createSelectControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Select;

package/build/src/components/Select.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
+exports.createSelectControl = exports.Select = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var test_1 = require("@playwright/test");
 var MenuFooter_1 = require("@skbkontur/react-ui/components/MenuFooter");
@@ -65,6 +65,7 @@ var ComponentList_1 = require("./ComponentList");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
     function Select(rootLocator) {
@@ -398,3 +399,4 @@ var Select = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Select = Select;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createSelectControl = (0, createControlFactory_1.createControlTIdFactory)(Select);

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

@@ -16,3 +16,4 @@ export declare class Spinner extends BaseComponent {
     }): Promise<void>;
     expect(): SpinnerAssertions;
 }
+export declare const createSpinnerControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Spinner;

package/build/src/components/Spinner.js

@@ -52,10 +52,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = void 0;
+exports.createSpinnerControl = exports.Spinner = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Spinner = /** @class */ (function (_super) {
     __extends(Spinner, _super);
     function Spinner(rootLocator) {
@@ -105,3 +106,4 @@ var Spinner = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Spinner = Spinner;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createSpinnerControl = (0, createControlFactory_1.createControlTIdFactory)(Spinner);

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

@@ -18,3 +18,4 @@ export declare class Tab extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): TabAssertions;
 }
+export declare const createTabControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tab;

package/build/src/components/Tab.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
+exports.createTabControl = exports.Tab = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Tab = /** @class */ (function (_super) {
     __extends(Tab, _super);
     function Tab(rootLocator) {
@@ -114,3 +115,4 @@ var Tab = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Tab = Tab;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTabControl = (0, createControlFactory_1.createControlTIdFactory)(Tab);

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

@@ -16,3 +16,4 @@ export declare class Tabs extends BaseComponent {
     getByName(name: string | RegExp): Promise<Tab>;
     expect(): TabsAssertions;
 }
+export declare const createTabsControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tabs;

package/build/src/components/Tabs.js

@@ -51,7 +51,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
+exports.createTabsControl = exports.Tabs = void 0;
 var react_ui_1 = require("@skbkontur/react-ui");
 var BaseComponent_1 = require("./BaseComponent");
 var ComponentList_1 = require("./ComponentList");
@@ -59,6 +59,7 @@ var Tab_1 = require("./Tab");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Tabs = /** @class */ (function (_super) {
     __extends(Tabs, _super);
     function Tabs(rootLocator) {
@@ -134,3 +135,4 @@ var Tabs = /** @class */ (function (_super) {
     return Tabs;
 }(BaseComponent_1.BaseComponent));
 exports.Tabs = Tabs;
+exports.createTabsControl = (0, createControlFactory_1.createControlTIdFactory)(Tabs);

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

@@ -23,3 +23,4 @@ export declare class Textarea extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): TextareaAssertions;
 }
+export declare const createTextareaControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Textarea;

package/build/src/components/Textarea.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
+exports.createTextareaControl = exports.Textarea = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Textarea = /** @class */ (function (_super) {
     __extends(Textarea, _super);
     function Textarea(rootLocator) {
@@ -178,3 +179,4 @@ var Textarea = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Textarea = Textarea;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTextareaControl = (0, createControlFactory_1.createControlTIdFactory)(Textarea);

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

@@ -10,3 +10,4 @@ export declare class Toast extends BaseComponent {
     getText(options?: InnerTextOptions): Promise<string>;
     expect(): ToastAssertions;
 }
+export declare const createToastControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Toast;

package/build/src/components/Toast.js

@@ -52,10 +52,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
+exports.createToastControl = exports.Toast = void 0;
 var BaseComponent_1 = require("./BaseComponent");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Toast = /** @class */ (function (_super) {
     __extends(Toast, _super);
     function Toast(rootLocator) {
@@ -81,3 +82,4 @@ var Toast = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Toast = Toast;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createToastControl = (0, createControlFactory_1.createControlTIdFactory)(Toast);

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

@@ -22,3 +22,4 @@ export declare class Toggle extends BaseComponent {
     getTooltip(type: TooltipType): Promise<import("./Tooltip").Tooltip>;
     expect(): ToggleAssertions;
 }
+export declare const createToggleControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Toggle;

package/build/src/components/Toggle.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = void 0;
+exports.createToggleControl = exports.Toggle = void 0;
 var test_1 = require("@playwright/test");
 var BaseComponent_1 = require("./BaseComponent");
 var utils_1 = require("../utils");
 var assertions_1 = require("../assertions");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Toggle = /** @class */ (function (_super) {
     __extends(Toggle, _super);
     function Toggle(rootLocator) {
@@ -140,3 +141,4 @@ var Toggle = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Toggle = Toggle;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toCheckableElementLocator, _c = LocatorSymbols_1.toTextElementLocator, _d = LocatorSymbols_1.toFocusableElementLocator;
+exports.createToggleControl = (0, createControlFactory_1.createControlTIdFactory)(Toggle);

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

@@ -14,3 +14,4 @@ export declare class Token extends BaseComponent {
     remove(options?: ClickOptions): Promise<void>;
     expect(): TokenAssertions;
 }
+export declare const createTokenControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Token;

package/build/src/components/Token.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Token = void 0;
+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 LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var Token = /** @class */ (function (_super) {
     __extends(Token, _super);
     function Token(rootLocator) {
@@ -109,3 +110,4 @@ var Token = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Token = Token;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toTextElementLocator;
+exports.createTokenControl = (0, createControlFactory_1.createControlTIdFactory)(Token);

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

@@ -46,3 +46,4 @@ export declare class TokenInput extends BaseComponent {
     expect(): TokenInputAssertions;
     private getMenuItemsLocator;
 }
+export declare const createTokenInputControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => TokenInput;

package/build/src/components/TokenInput.js

@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a, _b, _c;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenInput = void 0;
+exports.createTokenInputControl = exports.TokenInput = void 0;
 var test_1 = require("@playwright/test");
 var react_ui_1 = require("@skbkontur/react-ui");
 var CustomComboBox_1 = require("@skbkontur/react-ui/internal/CustomComboBox");
@@ -66,6 +66,7 @@ var assertions_1 = require("../assertions");
 var MenuItem_1 = require("./MenuItem");
 var dataTidSelector_1 = require("../utils/dataTidSelector");
 var LocatorSymbols_1 = require("../matchers/component/LocatorSymbols");
+var createControlFactory_1 = require("../utils/createControlFactory");
 var TokenInput = /** @class */ (function (_super) {
     __extends(TokenInput, _super);
     function TokenInput(rootLocator) {
@@ -319,3 +320,4 @@ var TokenInput = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.TokenInput = TokenInput;
 _a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;
+exports.createTokenInputControl = (0, createControlFactory_1.createControlTIdFactory)(TokenInput);

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

@@ -14,3 +14,4 @@ export declare class Tooltip extends BaseComponent {
     close(): Promise<void>;
     expect(): TooltipAssertions;
 }
+export declare const createTooltipControl: (context: Locator, options?: import("../utils/dataTid").DataTIdOption) => Tooltip;

package/build/src/components/Tooltip.js

@@ -52,12 +52,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
+exports.createTooltipControl = 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 createControlFactory_1 = require("../utils/createControlFactory");
 var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);
     function Tooltip(rootLocator) {
@@ -96,3 +97,4 @@ var Tooltip = /** @class */ (function (_super) {
 }(BaseComponent_1.BaseComponent));
 exports.Tooltip = Tooltip;
 _a = LocatorSymbols_1.toTextElementLocator;
+exports.createTooltipControl = (0, createControlFactory_1.createControlTIdFactory)(Tooltip);

package/build/src/utils/createControlFactory.d.ts

@@ -0,0 +1,20 @@
+import type { Locator } from '@playwright/test';
+import type { BaseComponent } from '../components/BaseComponent';
+import type { DataTIdOption } from './dataTid';
+/**
+ * Тип конструктора компонента
+ */
+type ComponentConstructor<T extends BaseComponent> = new (rootLocator: Locator) => T;
+/**
+ * Фабрика для создания функций-помощников create[Component]Control
+ *
+ * @param ComponentClass - класс компонента
+ * @returns функция-помощник для создания экземпляра компонента
+ *
+ * @example
+ * ```typescript
+ * export const createLabelControl = createControlTIdFactory(Label);
+ * ```
+ */
+export declare function createControlTIdFactory<T extends BaseComponent>(ComponentClass: ComponentConstructor<T>): (context: Locator, options?: DataTIdOption) => T;
+export {};

package/build/src/utils/createControlFactory.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createControlTIdFactory = createControlTIdFactory;
+var dataTid_1 = require("./dataTid");
+var dataTidSelector_1 = require("./dataTidSelector");
+/**
+ * Фабрика для создания функций-помощников create[Component]Control
+ *
+ * @param ComponentClass - класс компонента
+ * @returns функция-помощник для создания экземпляра компонента
+ *
+ * @example
+ * ```typescript
+ * export const createLabelControl = createControlTIdFactory(Label);
+ * ```
+ */
+function createControlTIdFactory(ComponentClass) {
+    return function (context, options) {
+        if ((0, dataTid_1.isDataTIdOption)(options)) {
+            return new ComponentClass(context.locator((0, dataTidSelector_1.getDataTidSelector)(options.dataTId)));
+        }
+        else {
+            return new ComponentClass(context);
+        }
+    };
+}

package/build/src/utils/dataTid.d.ts

@@ -0,0 +1,4 @@
+export interface DataTIdOption {
+    dataTId: string;
+}
+export declare const isDataTIdOption: (value: unknown) => value is DataTIdOption;

package/build/src/utils/dataTid.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDataTIdOption = void 0;
+var isDataTIdOption = function (value) {
+    return typeof value === 'object' && value !== null && 'dataTId' in value && typeof value.dataTId === 'string';
+};
+exports.isDataTIdOption = isDataTIdOption;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/playwright-react-ui-components",
-  "version": "1.15.0",
+  "version": "1.16.0-beta.1",
   "description": "Пакет для взаимодействия с компонентами @skbkontur/react-ui при тестировании с помощью Playwright",
   "main": "build/index.js",
   "files": [