@uxf/e2e-playwright 11.120.0 → 11.122.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/e2e-playwright",
-    "version": "11.120.0",
+    "version": "11.122.0",
     "description": "UXF Playwright helpers",
     "publishConfig": {
         "access": "public"
@@ -18,13 +18,13 @@
     "devDependencies": {
         "@playwright/test": "1.57.0",
         "@uxf/core": "11.114.0",
-        "@uxf/ui": "11.120.0",
+        "@uxf/ui": "11.122.0",
         "dayjs": "^1.11.19"
     },
     "peerDependencies": {
         "@playwright/test": "1.57.0",
         "@uxf/core": "11.114.0",
-        "@uxf/ui": "11.120.0",
+        "@uxf/ui": "11.122.0",
         "dayjs": "^1.11.19"
     }
 }

package/ui/button.d.ts

@@ -4,6 +4,7 @@ import { BaseModel } from "../utils/base-model";
 export interface ButtonFinder extends BaseFinder {
     text: string;
     nth?: number;
+    isExactText?: boolean;
 }
 export declare class ButtonModel extends BaseModel {
     protected readonly finder: ButtonFinder;

package/ui/button.e2e.js

@@ -24,3 +24,9 @@ const components_1 = require("../components");
     await ui.button({ text: "Vyřešené" }).click();
     await (0, test_1.expect)(page.getByTestId("last-clicked")).toHaveText("Vyřešené");
 });
+(0, test_1.test)("UI Button - partial text match", async ({ page }) => {
+    await page.goto("/examples/ui/button/OnlyForE2ETests");
+    const ui = (0, components_1.createUi)(page);
+    await ui.button({ isExactText: false, text: "Odeslat" }).click();
+    await (0, test_1.expect)(page.getByTestId("last-clicked")).toHaveText("Odeslat formulář");
+});

package/ui/button.js

@@ -5,9 +5,10 @@ const base_model_1 = require("../utils/base-model");
 const exact_text_1 = require("../utils/exact-text");
 class ButtonModel extends base_model_1.BaseModel {
     constructor(page, finder) {
-        var _a, _b;
+        var _a, _b, _c;
         const root = (_a = finder.parent) !== null && _a !== void 0 ? _a : page;
-        const locator = root.locator("a.uxf-button", { hasText: (0, exact_text_1.exactText)(finder.text) }).nth((_b = finder.nth) !== null && _b !== void 0 ? _b : 0);
+        const textFilter = ((_b = finder.isExactText) !== null && _b !== void 0 ? _b : true) ? (0, exact_text_1.exactText)(finder.text) : finder.text;
+        const locator = root.locator("a.uxf-button", { hasText: textFilter }).nth((_c = finder.nth) !== null && _c !== void 0 ? _c : 0);
         super(page, locator);
         this.finder = finder;
     }

package/ui/combobox.d.ts

@@ -5,6 +5,8 @@ export type ComboboxFinder = FormComponentFinder;
 export declare class ComboboxModel extends FormComponentModel<string> {
     private readonly inputLocator;
     constructor(page: Page, finder: FormComponentFinder);
+    private performChange;
     change(value: string): Promise<void>;
+    changeContainingText(value: string): Promise<void>;
 }
 export declare const combobox: (page: Page) => (finder: ComboboxFinder) => ComboboxModel;

package/ui/combobox.e2e.js

@@ -22,3 +22,9 @@ const components_1 = require("../components");
     await ui.combobox({ $name: "stav" }).change("Vyřešené");
     await (0, test_1.expect)(page.getByTestId("selected-stav")).toHaveText("vyresene");
 });
+(0, test_1.test)("Combobox - partial option match", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/examples/ui/combobox/OnlyForE2ETests");
+    await ui.combobox({ $name: "stav-partial" }).changeContainingText("Otevřené");
+    await (0, test_1.expect)(page.getByTestId("selected-stav-partial")).toHaveText("otevrene");
+});

package/ui/combobox.js

@@ -9,16 +9,19 @@ class ComboboxModel extends form_component_model_1.FormComponentModel {
         super(combobox_1.COMBOBOX_COMPONENT_NAME, page, finder);
         this.inputLocator = this.locator.locator(".uxf-input__element");
     }
-    async change(value) {
+    async performChange(value, textFilter) {
         await this.inputLocator.fill(value);
-        const item = this.page
-            .locator("li.uxf-dropdown__item")
-            .filter({ hasText: (0, exact_text_1.exactText)(value) })
-            .first();
+        const item = this.page.locator("li.uxf-dropdown__item").filter({ hasText: textFilter }).first();
         await item.waitFor({ state: "visible" });
         await item.click();
         await item.waitFor({ state: "hidden" });
     }
+    async change(value) {
+        await this.performChange(value, (0, exact_text_1.exactText)(value));
+    }
+    async changeContainingText(value) {
+        await this.performChange(value, value);
+    }
 }
 exports.ComboboxModel = ComboboxModel;
 const combobox = (page) => (finder) => new ComboboxModel(page, finder);

package/ui/flash-messages.d.ts

@@ -2,6 +2,8 @@ import { Page } from "@playwright/test";
 import { BaseModel } from "../utils/base-model";
 export declare class FlashMessagesModel extends BaseModel {
     constructor(page: Page);
+    private flashMessageLocator;
     shouldExistMessage(text: string): Promise<void>;
+    shouldExistMessageContainingText(text: string): Promise<void>;
 }
 export declare const flashMessages: (page: Page) => () => FlashMessagesModel;

package/ui/flash-messages.e2e.js

@@ -17,3 +17,9 @@ const components_1 = require("../components");
     await ui.button({ text: "Zobrazit Nevyřešené" }).click();
     await ui.flashMessages().shouldExistMessage("Vyřešené");
 });
+(0, test_1.test)("FlashMessages - partial message match", async ({ page }) => {
+    await page.goto("/examples/ui/flash-messages/OnlyForE2ETests");
+    const ui = (0, components_1.createUi)(page);
+    await ui.button({ text: "Zobrazit Vyřešené (partial)" }).click();
+    await ui.flashMessages().shouldExistMessageContainingText("Vyřešené");
+});

package/ui/flash-messages.js

@@ -9,8 +9,14 @@ class FlashMessagesModel extends base_model_1.BaseModel {
     constructor(page) {
         super(page, page.locator(`[data-component=${flash_messages_1.FLASH_MESSAGES_COMPONENT_NAME}]`));
     }
+    flashMessageLocator(textFilter) {
+        return this.locator.locator(".uxf-flash-message").filter({ hasText: textFilter });
+    }
     async shouldExistMessage(text) {
-        await (0, test_1.expect)(this.locator.locator(".uxf-flash-message").filter({ hasText: (0, exact_text_1.exactText)(text) })).toHaveCount(1);
+        await (0, test_1.expect)(this.flashMessageLocator((0, exact_text_1.exactText)(text))).toHaveCount(1);
+    }
+    async shouldExistMessageContainingText(text) {
+        await (0, test_1.expect)(this.flashMessageLocator(text)).toHaveCount(1);
     }
 }
 exports.FlashMessagesModel = FlashMessagesModel;

package/ui/multi-select.d.ts

@@ -5,6 +5,8 @@ export type MultiSelectFinder = FormComponentFinder;
 export declare class MultiSelectModel extends FormComponentModel<string[]> {
     private readonly buttonLocator;
     constructor(page: Page, finder: FormComponentFinder);
+    private performChange;
     change(optionTexts: string[]): Promise<void>;
+    changeContainingText(optionTexts: string[]): Promise<void>;
 }
 export declare const multiSelect: (page: Page) => (finder: MultiSelectFinder) => MultiSelectModel;

package/ui/multi-select.e2e.js

@@ -13,3 +13,9 @@ const components_1 = require("../components");
     await ui.multiSelect({ $name: "stav" }).change(["Vyřešené"]);
     await (0, test_1.expect)(page.getByTestId("selected-value")).toHaveText("vyresene");
 });
+(0, test_1.test)("MultiSelect - partial option match", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/examples/ui/multi-select/OnlyForE2ETests");
+    await ui.multiSelect({ $name: "stav-partial" }).changeContainingText(["Otevřené"]);
+    await (0, test_1.expect)(page.getByTestId("selected-partial-value")).toHaveText("otevrene");
+});

package/ui/multi-select.js

@@ -9,18 +9,24 @@ class MultiSelectModel extends form_component_model_1.FormComponentModel {
         super(multi_select_1.MULTI_SELECT_COMPONENT_NAME, page, finder);
         this.buttonLocator = this.locator.locator(".uxf-multi-select__button");
     }
-    // TODO implementovat odebrání předchozích hodnot (ideálně nějak kliknout na clear tlačítko)
-    async change(optionTexts) {
+    async performChange(optionTexts, textFilter) {
         await this.buttonLocator.click();
         for (const optionText of optionTexts) {
             // eslint-disable-next-line no-await-in-loop
             await this.page
                 .locator(".uxf-dropdown__item")
-                .filter({ hasText: (0, exact_text_1.exactText)(optionText) })
+                .filter({ hasText: textFilter(optionText) })
                 .click();
         }
         await this.buttonLocator.click();
     }
+    // TODO implementovat odebrání předchozích hodnot (ideálně nějak kliknout na clear tlačítko)
+    async change(optionTexts) {
+        await this.performChange(optionTexts, exact_text_1.exactText);
+    }
+    async changeContainingText(optionTexts) {
+        await this.performChange(optionTexts, (text) => text);
+    }
 }
 exports.MultiSelectModel = MultiSelectModel;
 const multiSelect = (page) => (finder) => new MultiSelectModel(page, finder);

package/ui/radio-group.d.ts

@@ -4,6 +4,8 @@ import { FormComponentModel } from "../utils/form-component-model";
 export type RadioGroupFinder = FormComponentFinder;
 export declare class RadioGroupModel extends FormComponentModel<string> {
     constructor(page: Page, finder: FormComponentFinder);
+    private performChange;
     change(value: string): Promise<void>;
+    changeContainingText(value: string): Promise<void>;
 }
 export declare const radioGroup: (page: Page) => (finder: RadioGroupFinder) => RadioGroupModel;

package/ui/radio-group.e2e.js

@@ -14,3 +14,9 @@ const components_1 = require("../components");
     await ui.radioGroup({ $name: "stav" }).change("Vyřešené");
     await (0, test_1.expect)(page.getByTestId("selected-value")).toHaveText("vyresene");
 });
+(0, test_1.test)("RadioGroup - partial option match", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/examples/ui/radio-group/OnlyForE2ETests");
+    await ui.radioGroup({ $name: "stav-partial" }).changeContainingText("Otevřené");
+    await (0, test_1.expect)(page.getByTestId("selected-partial-value")).toHaveText("otevrene");
+});

package/ui/radio-group.js

@@ -8,10 +8,16 @@ class RadioGroupModel extends form_component_model_1.FormComponentModel {
     constructor(page, finder) {
         super(radio_group_1.RADIO_GROUP_COMPONENT_NAME, page, finder);
     }
-    async change(value) {
-        const option = this.locator.locator(".uxf-radio-group__option").filter({ hasText: (0, exact_text_1.exactText)(value) });
+    async performChange(textFilter) {
+        const option = this.locator.locator(".uxf-radio-group__option").filter({ hasText: textFilter });
         await option.click();
     }
+    async change(value) {
+        await this.performChange((0, exact_text_1.exactText)(value));
+    }
+    async changeContainingText(value) {
+        await this.performChange(value);
+    }
 }
 exports.RadioGroupModel = RadioGroupModel;
 const radioGroup = (page) => (finder) => new RadioGroupModel(page, finder);

package/ui/select.d.ts

@@ -5,6 +5,8 @@ export type SelectFinder = FormComponentFinder;
 export declare class SelectModel extends FormComponentModel<string> {
     private readonly buttonLocator;
     constructor(page: Page, finder: FormComponentFinder);
+    private performChange;
     change(optionText: string): Promise<void>;
+    changeContainingText(optionText: string): Promise<void>;
 }
 export declare const select: (page: Page) => (finder: SelectFinder) => SelectModel;

package/ui/select.e2e.js

@@ -14,3 +14,9 @@ const components_1 = require("../components");
     await ui.select({ $name: "stav" }).change("Vyřešené");
     await (0, test_1.expect)(page.getByTestId("selected-value")).toHaveText("vyresene");
 });
+(0, test_1.test)("Select - partial option match", async ({ page }) => {
+    const ui = (0, components_1.createUi)(page);
+    await page.goto("/examples/ui/select/OnlyForE2ETests");
+    await ui.select({ $name: "stav-partial" }).changeContainingText("Otevřené");
+    await (0, test_1.expect)(page.getByTestId("selected-partial-value")).toHaveText("otevrene");
+});

package/ui/select.js

@@ -9,12 +9,15 @@ class SelectModel extends form_component_model_1.FormComponentModel {
         super(select_1.SELECT_COMPONENT_NAME, page, finder);
         this.buttonLocator = this.locator.locator("div.uxf-input__element");
     }
-    async change(optionText) {
+    async performChange(textFilter) {
         await this.buttonLocator.click();
-        await this.page
-            .locator(".uxf-dropdown__item")
-            .filter({ hasText: (0, exact_text_1.exactText)(optionText) })
-            .click();
+        await this.page.locator(".uxf-dropdown__item").filter({ hasText: textFilter }).click();
+    }
+    async change(optionText) {
+        await this.performChange((0, exact_text_1.exactText)(optionText));
+    }
+    async changeContainingText(optionText) {
+        await this.performChange(optionText);
     }
 }
 exports.SelectModel = SelectModel;