@uxf/e2e-playwright 11.88.1 → 11.89.0

package/components.d.ts

@@ -7,11 +7,13 @@ export declare function createUi(page: Page): {
     datetimePickerInput: (finder: import("./ui/datetime-picker-input").DatetimePickerInputFinder) => import("./ui/datetime-picker-input").DatetimePickerInputModel;
     dropzone: (finder: import("./ui/dropzone").DropzoneFinder) => import("./ui/dropzone").DropzoneModel;
     flashMessages: () => import("./ui/flash-messages").FlashMessagesModel;
+    h1: () => import("./ui/h1").H1Model;
     multiCombobox: (finder: import("./ui/multi-combobox").MultiComboboxFinder) => import("./ui/multi-combobox").MultiComboboxModel;
     multiSelect: (finder: import("./ui/multi-select").MultiSelectFinder) => import("./ui/multi-select").MultiSelectModel;
     radioGroup: (finder: import("./ui/radio-group").RadioGroupFinder) => import("./ui/radio-group").RadioGroupModel;
     textarea: (finder: import("./ui/textarea").TextareaFinder) => import("./ui/textarea").TextareaModel;
     select: (finder: import("./ui/select").SelectFinder) => import("./ui/select").SelectModel;
     textInput: (finder: import("./ui/text-input").TextInputFinder) => import("./ui/text-input").TextInputModel;
+    timePickerInput: (finder: import("./ui/time-picker-input").TimePickerInputFinder) => import("./ui/time-picker-input").TimePickerInputModel;
     toggle: (finder: import("./ui/toggle").ToggleFinder) => import("./ui/toggle").ToggleModel;
 };

package/components.js

@@ -8,12 +8,14 @@ const date_picker_input_1 = require("./ui/date-picker-input");
 const datetime_picker_input_1 = require("./ui/datetime-picker-input");
 const dropzone_1 = require("./ui/dropzone");
 const flash_messages_1 = require("./ui/flash-messages");
+const h1_1 = require("./ui/h1");
 const multi_combobox_1 = require("./ui/multi-combobox");
 const multi_select_1 = require("./ui/multi-select");
 const radio_group_1 = require("./ui/radio-group");
 const select_1 = require("./ui/select");
 const text_input_1 = require("./ui/text-input");
 const textarea_1 = require("./ui/textarea");
+const time_picker_input_1 = require("./ui/time-picker-input");
 const toggle_1 = require("./ui/toggle");
 function createUi(page) {
     return {
@@ -24,12 +26,14 @@ function createUi(page) {
         datetimePickerInput: (0, datetime_picker_input_1.datetimePickerInput)(page),
         dropzone: (0, dropzone_1.dropzone)(page),
         flashMessages: (0, flash_messages_1.flashMessages)(page),
+        h1: (0, h1_1.h1)(page),
         multiCombobox: (0, multi_combobox_1.multiCombobox)(page),
         multiSelect: (0, multi_select_1.multiSelect)(page),
         radioGroup: (0, radio_group_1.radioGroup)(page),
         textarea: (0, textarea_1.textarea)(page),
         select: (0, select_1.select)(page),
         textInput: (0, text_input_1.textInput)(page),
+        timePickerInput: (0, time_picker_input_1.timePickerInput)(page),
         toggle: (0, toggle_1.toggle)(page),
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/e2e-playwright",
-    "version": "11.88.1",
+    "version": "11.89.0",
     "description": "UXF Playwright helpers",
     "publishConfig": {
         "access": "public"
@@ -11,10 +11,13 @@
         "e2e:ui": "BASE_URL=http://localhost:3000 ../../node_modules/.bin/playwright test --ui",
         "e2e:debug": "BASE_URL=http://localhost:3000 ../../node_modules/.bin/playwright test --debug",
         "e2e:ci": "../../node_modules/.bin/playwright test",
-        "typecheck": "../../node_modules/.bin/tsc --noEmit --skipLibCheck"
+        "typecheck": "tsc --noEmit --skipLibCheck"
     },
     "author": "UX Fans s.r.o",
     "license": "MIT",
+    "dependencies": {
+        "@uxf/ui": "11.89.0"
+    },
     "devDependencies": {
         "dayjs": "1.11.19",
         "@playwright/test": "1.56.1"

package/ui/h1.d.ts

@@ -0,0 +1,7 @@
+import { Page } from "@playwright/test";
+import { BaseModel } from "../utils/base-model";
+export declare class H1Model extends BaseModel {
+    constructor(page: Page);
+    shouldHaveText(text: string): Promise<void>;
+}
+export declare const h1: (page: Page) => () => H1Model;

package/ui/h1.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/ui/h1.e2e.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const components_1 = require("../components");
+(0, test_1.test)("H1", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/");
+    await ui.h1().shouldHaveText("UXF Frontend monorepo");
+    await ui.h1().shouldHaveText("uxf Frontend monorepo");
+});

package/ui/h1.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.h1 = exports.H1Model = void 0;
+const test_1 = require("@playwright/test");
+const base_model_1 = require("../utils/base-model");
+class H1Model extends base_model_1.BaseModel {
+    constructor(page) {
+        super(page, page.locator("h1"));
+    }
+    shouldHaveText(text) {
+        return (0, test_1.expect)(this.locator.filter({ hasText: new RegExp(`^${text}$`, "i") })).toHaveCount(1);
+    }
+}
+exports.H1Model = H1Model;
+const h1 = (page) => () => new H1Model(page);
+exports.h1 = h1;

package/ui/time-picker-input.d.ts

@@ -0,0 +1,11 @@
+import { Page } from "@playwright/test";
+import { FormComponentFinder } from "../utils/base-finder";
+import { FormComponentModel } from "../utils/form-component-model";
+export type TimePickerInputFinder = FormComponentFinder;
+type TimePickerInputValue = `${number}:${number}`;
+export declare class TimePickerInputModel extends FormComponentModel<TimePickerInputValue> {
+    constructor(page: Page, finder: FormComponentFinder);
+    change(value: TimePickerInputValue): Promise<void>;
+}
+export declare const timePickerInput: (page: Page) => (finder: TimePickerInputFinder) => TimePickerInputModel;
+export {};

package/ui/time-picker-input.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/ui/time-picker-input.e2e.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const components_1 = require("../components");
+(0, test_1.test)("Time picker input", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/examples/ui/time-picker-input/Default");
+    await ui.timePickerInput({ $name: "default" }).change("12:00");
+    await ui.timePickerInput({ $name: "invalid" }).shouldBeInvalid();
+});

package/ui/time-picker-input.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timePickerInput = exports.TimePickerInputModel = void 0;
+const time_picker_input_1 = require("@uxf/ui/time-picker-input/time-picker-input");
+const form_component_model_1 = require("../utils/form-component-model");
+class TimePickerInputModel extends form_component_model_1.FormComponentModel {
+    constructor(page, finder) {
+        super(time_picker_input_1.TIME_PICKER_INPUT_COMPONENT_NAME, page, finder);
+    }
+    async change(value) {
+        return this.locator.locator("input").fill(value);
+    }
+}
+exports.TimePickerInputModel = TimePickerInputModel;
+const timePickerInput = (page) => (finder) => new TimePickerInputModel(page, finder);
+exports.timePickerInput = timePickerInput;

package/utils/form-component-model.js

@@ -6,7 +6,7 @@ const classes_1 = require("@uxf/core/constants/classes");
 const base_model_1 = require("./base-model");
 class FormComponentModel extends base_model_1.BaseModel {
     constructor(componentName, page, finder) {
-        const locator = page.locator(`[data-component=${componentName}][data-name=${finder.$name}]`);
+        const locator = page.locator(`xpath=//*[@data-component="${componentName}" and @data-name="${finder.$name}"]`);
         super(page, locator);
     }
     shouldBeInvalid() {