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

package/build/src/components/ComponentList.js

@@ -50,77 +50,85 @@ 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;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentList = 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 ComponentList = /** @class */ (function (_super) {
     __extends(ComponentList, _super);
     function ComponentList(rootLocator, itemsLocator, itemFactory) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.itemsLocator.first(); };
+        _this[_b] = function () { return _this.itemsLocator; };
         _this.itemsLocator = itemsLocator(_this.rootLocator);
         _this.itemFactory = itemFactory;
         return _this;
     }
     ComponentList.prototype.isVisible = function (options) {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.itemsLocator.first().isVisible(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _c.sent()];
                 }
             });
         });
     };
+    /**
+     * Поведение метода идентично вызову locator.all()
+     *
+     * getItems не ждет появления элементов, соответствующих локатору, а сразу возвращает всё, что есть на странице в данный момент.
+     * Когда список элементов меняется динамически, использование getItems приведёт к непредсказуемым и нестабильным результатам.
+     * Когда список элементов стабилен, но загружается динамически, необходимо дождаться полной загрузки списка перед вызовом getItems
+     */
     ComponentList.prototype.getItems = function () {
         return __awaiter(this, void 0, void 0, function () {
             var itemsLocators;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.waitFor({ state: 'attached' })];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         return [4 /*yield*/, this.itemsLocator.all()];
                     case 2:
-                        itemsLocators = _a.sent();
+                        itemsLocators = _c.sent();
                         return [2 /*return*/, itemsLocators.map(function (x) { return _this.itemFactory(x); })];
                 }
             });
         });
     };
+    /**
+     * Поведение метода идентично вызову locator.nth(0)
+     */
     ComponentList.prototype.getFirstItem = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.getItemByIndex(0)];
-            });
-        });
+        return this.getItemByIndex(0);
     };
+    /**
+     * Поведение метода идентично вызову locator.nth(-1)
+     */
     ComponentList.prototype.getLastItem = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.getItemByIndex(-1)];
-            });
-        });
+        return this.getItemByIndex(-1);
     };
+    /**
+     * Поведение метода идентично вызову locator.nth(index)
+     */
     ComponentList.prototype.getItemByIndex = function (index) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.itemFactory(this.itemsLocator.nth(index))];
-            });
-        });
+        return this.itemFactory(this.itemsLocator.nth(index));
     };
     ComponentList.prototype.getFirstItemByPredicate = function (predicate) {
         return __awaiter(this, void 0, void 0, function () {
             var list;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.getItemsByPredicate(predicate)];
                     case 1:
-                        list = _a.sent();
+                        list = _c.sent();
                         return [2 /*return*/, list[0]];
                 }
             });
@@ -130,37 +138,37 @@ var ComponentList = /** @class */ (function (_super) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         items = [];
                         return [4 /*yield*/, test_1.expect
                                 .poll(function () { return __awaiter(_this, void 0, void 0, function () {
                                 var list, predicateResults;
                                 var _this = this;
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
+                                return __generator(this, function (_c) {
+                                    switch (_c.label) {
                                         case 0: return [4 /*yield*/, this.getItems()];
                                         case 1:
-                                            list = _a.sent();
+                                            list = _c.sent();
                                             return [4 /*yield*/, Promise.all(list.map(function (item) { return __awaiter(_this, void 0, void 0, function () {
-                                                    var _a;
-                                                    return __generator(this, function (_b) {
-                                                        switch (_b.label) {
+                                                    var _c;
+                                                    return __generator(this, function (_d) {
+                                                        switch (_d.label) {
                                                             case 0:
-                                                                _a = { item: item };
+                                                                _c = { item: item };
                                                                 return [4 /*yield*/, predicate(item)];
-                                                            case 1: return [2 /*return*/, (_a.result = _b.sent(), _a)];
+                                                            case 1: return [2 /*return*/, (_c.result = _d.sent(), _c)];
                                                         }
                                                     });
                                                 }); }))];
                                         case 2:
-                                            predicateResults = _a.sent();
-                                            items = predicateResults.filter(function (_a) {
-                                                var result = _a.result;
+                                            predicateResults = _c.sent();
+                                            items = predicateResults.filter(function (_c) {
+                                                var result = _c.result;
                                                 return result;
-                                            }).map(function (_a) {
-                                                var item = _a.item;
+                                            }).map(function (_c) {
+                                                var item = _c.item;
                                                 return item;
                                             });
                                             return [2 /*return*/, items.length];
@@ -169,31 +177,30 @@ var ComponentList = /** @class */ (function (_super) {
                             }); }, { message: 'Items not found by predicate' })
                                 .toBeGreaterThan(0)];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         return [2 /*return*/, items];
                 }
             });
         });
     };
+    /**
+     * Поведение метода идентично вызову locator.count()
+     */
     ComponentList.prototype.count = function () {
         return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0: return [4 /*yield*/, this.waitFor({ state: 'attached' })];
                     case 1:
-                        _a.sent();
+                        _c.sent();
                         return [4 /*yield*/, this.itemsLocator.count()];
-                    case 2: return [2 /*return*/, _a.sent()];
+                    case 2: return [2 /*return*/, _c.sent()];
                 }
             });
         });
     };
     ComponentList.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);
     };
     ComponentList.prototype.expect = function () {
         return new assertions_1.ComponentListAssertions(this);
@@ -201,3 +208,4 @@ var ComponentList = /** @class */ (function (_super) {
     return ComponentList;
 }(BaseComponent_1.BaseComponent));
 exports.ComponentList = ComponentList;
+_a = LocatorSymbols_1.toVisibleElementLocator, _b = LocatorSymbols_1.toValueElementLocator;

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

@@ -3,9 +3,13 @@ import { BaseComponent } from './BaseComponent';
 import type { TooltipType } from '../utils';
 import { CurrencyInputAssertions } from '../assertions';
 import type { BlurOptions, ClearOptions, ClickOptions, FillOptions, FocusOptions, InputValueOptions, IsDisabledOptions, PressOptions, PressSequentiallyOptions } from '../options';
+import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class CurrencyInput extends BaseComponent {
     readonly rootLocator: Locator;
     readonly inputLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getValue(options?: InputValueOptions): Promise<string>;

package/build/src/components/CurrencyInput.js

@@ -50,50 +50,55 @@ 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.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 CurrencyInput = /** @class */ (function (_super) {
     __extends(CurrencyInput, _super);
     function CurrencyInput(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
         _this.rootLocator = rootLocator;
+        _this[_a] = function () { return _this.inputLocator; };
+        _this[_b] = function () { return _this.inputLocator; };
+        _this[_c] = function () { return _this.inputLocator; };
         _this.inputLocator = rootLocator.locator('input');
         return _this;
     }
     CurrencyInput.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.inputLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     CurrencyInput.prototype.getValue = 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.inputLocator.inputValue(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     CurrencyInput.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.clear()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.fill(typeof value === 'number' ? value.toString(10) : value, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -101,14 +106,14 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.prototype.press = 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.clear()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.press(value, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -116,14 +121,14 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.prototype.pressSequentially = 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.clear()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.pressSequentially(typeof value === 'number' ? value.toString(10) : value, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -131,17 +136,17 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.prototype.clear = 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: 
                     // NOTE: без фокуса currencyInput полностью не очистится
                     return [4 /*yield*/, this.focus()];
                     case 1:
                         // NOTE: без фокуса currencyInput полностью не очистится
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.clear(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -149,14 +154,14 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.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.inputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.inputLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -164,11 +169,11 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.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.inputLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -176,22 +181,18 @@ var CurrencyInput = /** @class */ (function (_super) {
     };
     CurrencyInput.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.inputLocator.click(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     CurrencyInput.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);
     };
     CurrencyInput.prototype.expect = function () {
         return new assertions_1.CurrencyInputAssertions(this);
@@ -199,3 +200,4 @@ var CurrencyInput = /** @class */ (function (_super) {
     return CurrencyInput;
 }(BaseComponent_1.BaseComponent));
 exports.CurrencyInput = CurrencyInput;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -3,8 +3,12 @@ import { BaseComponent } from './BaseComponent';
 import { type TooltipType } from '../utils';
 import { DateInputAssertions } from '../assertions';
 import type { BlurOptions, ClickOptions, FillOptions, FocusOptions, InputValueOptions, IsDisabledOptions, PressOptions } from '../options';
+import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class DateInput extends BaseComponent {
     readonly nativeInputLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getValue(options?: InputValueOptions): Promise<string>;

package/build/src/components/DateInput.js

@@ -61,49 +61,54 @@ 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.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 DateInput = /** @class */ (function (_super) {
     __extends(DateInput, _super);
     function DateInput(rootLocator) {
         var _this = _super.call(this, rootLocator) || this;
+        _this[_a] = function () { return _this.nativeInputLocator; };
+        _this[_b] = function () { return _this.nativeInputLocator; };
+        _this[_c] = function () { return _this.rootLocator; };
         _this.nativeInputLocator = rootLocator.locator('input');
         return _this;
     }
     DateInput.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.nativeInputLocator.isDisabled(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     DateInput.prototype.getValue = 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.nativeInputLocator.inputValue(options)];
-                    case 1: return [2 /*return*/, _a.sent()];
+                    case 1: return [2 /*return*/, _d.sent()];
                 }
             });
         });
     };
     DateInput.prototype.fill = function (date, 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.clear()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.nativeInputLocator.pressSequentially(date, options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -111,20 +116,20 @@ var DateInput = /** @class */ (function (_super) {
     };
     DateInput.prototype.clear = 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.focus()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.rootLocator.press('Control+A', options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.rootLocator.press('Meta+A', options)];
                     case 3:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.rootLocator.press('Backspace', options)];
                     case 4:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -132,14 +137,14 @@ var DateInput = /** @class */ (function (_super) {
     };
     DateInput.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.nativeInputLocator).toBeEnabled()];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [4 /*yield*/, this.rootLocator.focus(options)];
                     case 2:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -147,11 +152,11 @@ var DateInput = /** @class */ (function (_super) {
     };
     DateInput.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.rootLocator.blur(options)];
                     case 1:
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
@@ -159,14 +164,14 @@ var DateInput = /** @class */ (function (_super) {
     };
     DateInput.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: 
                     // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
                     return [4 /*yield*/, (0, test_1.expect)(this.nativeInputLocator).toBeEnabled()];
                     case 1:
                         // NOTE: rootLocator всегда в состоянии enabled, даже если DatePicker disabled
-                        _a.sent();
+                        _d.sent();
                         // NOTE: обычный клик по rootLocator может кликать в середину DatePicker, в результате курсор оказывается во второй ячейке
                         return [4 /*yield*/, this.rootLocator
                                 .locator('span[data-fragment]')
@@ -174,18 +179,14 @@ var DateInput = /** @class */ (function (_super) {
                                 .click(__assign(__assign({}, options), { force: true }))];
                     case 2:
                         // NOTE: обычный клик по rootLocator может кликать в середину DatePicker, в результате курсор оказывается во второй ячейке
-                        _a.sent();
+                        _d.sent();
                         return [2 /*return*/];
                 }
             });
         });
     };
     DateInput.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);
     };
     DateInput.prototype.expect = function () {
         return new assertions_1.DateInputAssertions(this);
@@ -193,3 +194,4 @@ var DateInput = /** @class */ (function (_super) {
     return DateInput;
 }(BaseComponent_1.BaseComponent));
 exports.DateInput = DateInput;
+_a = LocatorSymbols_1.toControlElementLocator, _b = LocatorSymbols_1.toValueElementLocator, _c = LocatorSymbols_1.toFocusableElementLocator;

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

@@ -3,10 +3,14 @@ import { BaseComponent } from './BaseComponent';
 import type { TooltipType } from '../utils';
 import { DatePickerAssertions } from '../assertions';
 import type { BlurOptions, ClickOptions, FocusOptions, InputValueOptions, IsDisabledOptions, PressOptions, PressSequentiallyOptions } from '../options';
+import { toControlElementLocator, toValueElementLocator, toFocusableElementLocator } from '../matchers/component/LocatorSymbols';
 export declare class DatePicker extends BaseComponent {
     readonly rootLocator: Locator;
     readonly nativeInputLocator: Locator;
     readonly datePickerInputLocator: Locator;
+    readonly [toControlElementLocator]: () => Locator;
+    readonly [toValueElementLocator]: () => Locator;
+    readonly [toFocusableElementLocator]: () => Locator;
     constructor(rootLocator: Locator);
     isDisabled(options?: IsDisabledOptions): Promise<boolean>;
     getValue(options?: InputValueOptions): Promise<string>;