@uxf/e2e-playwright 11.77.0 → 11.78.0

package/components.d.ts

@@ -6,6 +6,7 @@ export declare function createUi(page: Page): {
     datePickerInput: (finder: import("./ui/date-picker-input").DatePickerInputFinder) => import("./ui/date-picker-input").DatePickerInputModel;
     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;
     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;

package/components.js

@@ -7,6 +7,7 @@ const combobox_1 = require("./ui/combobox");
 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 multi_combobox_1 = require("./ui/multi-combobox");
 const multi_select_1 = require("./ui/multi-select");
 const radio_group_1 = require("./ui/radio-group");
@@ -22,6 +23,7 @@ function createUi(page) {
         datePickerInput: (0, date_picker_input_1.datePickerInput)(page),
         datetimePickerInput: (0, datetime_picker_input_1.datetimePickerInput)(page),
         dropzone: (0, dropzone_1.dropzone)(page),
+        flashMessages: (0, flash_messages_1.flashMessages)(page),
         multiCombobox: (0, multi_combobox_1.multiCombobox)(page),
         multiSelect: (0, multi_select_1.multiSelect)(page),
         radioGroup: (0, radio_group_1.radioGroup)(page),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/e2e-playwright",
-    "version": "11.77.0",
+    "version": "11.78.0",
     "description": "UXF Playwright helpers",
     "publishConfig": {
         "access": "public"

package/ui/flash-messages.d.ts

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

package/ui/flash-messages.e2e.d.ts

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

package/ui/flash-messages.e2e.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const components_1 = require("../components");
+(0, test_1.test)("FlashMessages", async ({ page }) => {
+    await page.goto("/examples/ui/flash-messages/Default");
+    const ui = (0, components_1.createUi)(page);
+    await ui.button({ text: "Success" }).click();
+    await ui.flashMessages().shouldExistMessage("Success message");
+    await ui.button({ text: "Error" }).click();
+    await ui.flashMessages().shouldExistMessage("Error message");
+});

package/ui/flash-messages.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flashMessages = exports.FlashMessagesModel = void 0;
+const test_1 = require("@playwright/test");
+const flash_messages_1 = require("@uxf/ui/flash-messages/flash-messages");
+const base_model_1 = require("../utils/base-model");
+class FlashMessagesModel extends base_model_1.BaseModel {
+    constructor(page) {
+        super(page, page.locator(`[data-component=${flash_messages_1.FLASH_MESSAGES_COMPONENT_NAME}]`));
+    }
+    async shouldExistMessage(text) {
+        await (0, test_1.expect)(this.locator.locator(".uxf-flash-message").filter({ hasText: text })).toHaveCount(1);
+    }
+}
+exports.FlashMessagesModel = FlashMessagesModel;
+const flashMessages = (page) => () => new FlashMessagesModel(page);
+exports.flashMessages = flashMessages;