@uxf/e2e 11.15.3 → 11.17.0

package/components.d.ts

@@ -7,6 +7,7 @@ import { combobox } from "./ui/combobox";
 import { datePickerInput } from "./ui/date-picker-input";
 import { datetimePickerInput } from "./ui/datetime-picker-input";
 import { dropzone } from "./ui/dropzone";
+import { flashMessage } from "./ui/flash-message";
 import { input } from "./ui/input";
 import { message } from "./ui/message";
 import { modal } from "./ui/modal";
@@ -33,4 +34,5 @@ export declare const components: {
     radioGroup: typeof radioGroup;
     textLink: typeof textLink;
     dropzone: typeof dropzone;
+    flashMessage: typeof flashMessage;
 };

package/components.js

@@ -10,6 +10,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_message_1 = require("./ui/flash-message");
 const input_1 = require("./ui/input");
 const message_1 = require("./ui/message");
 const modal_1 = require("./ui/modal");
@@ -36,4 +37,5 @@ exports.components = {
     radioGroup: radio_group_1.radioGroup,
     textLink: text_link_1.textLink,
     dropzone: dropzone_1.dropzone,
+    flashMessage: flash_message_1.flashMessage,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/e2e",
-  "version": "11.15.3",
+  "version": "11.17.0",
   "description": "UXF TestCafe helpers",
   "publishConfig": {
     "access": "public"

package/tests/flash-message.e2e.d.ts

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

package/tests/flash-message.e2e.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const button_1 = require("../ui/button");
+const flash_message_1 = require("../ui/flash-message");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Flash message")
+    .page("https://fe.uxf.dev/examples/ui/flash-messages/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Flash message", async () => {
+    await (0, flash_message_1.flashMessage)().shouldNotExists();
+    await (0, button_1.button)({ text: "Click to fire Flash message, variant success" }).click();
+    await (0, flash_message_1.flashMessage)().shouldExists();
+    await (0, flash_message_1.flashMessage)().shouldContainsText("Everything is alright.");
+});

package/ui/flash-message.d.ts

@@ -0,0 +1,9 @@
+import { BaseFinder } from "../utils/base-finder";
+interface FlashMessageFinder extends BaseFinder {
+}
+export declare function flashMessage(finder?: FlashMessageFinder): {
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
+    shouldContainsText(text: string): TestControllerPromise<any>;
+};
+export {};

package/ui/flash-message.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flashMessage = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function flashMessage(finder) {
+    const FlashMessageSelector = (0, create_selector_1.createSelector)(finder !== null && finder !== void 0 ? finder : {}).find(".uxf-flash-messages");
+    return {
+        shouldExists() {
+            return testcafe_1.t.expect(FlashMessageSelector.exists).ok();
+        },
+        shouldNotExists() {
+            return testcafe_1.t.expect(FlashMessageSelector.exists).notOk();
+        },
+        shouldContainsText(text) {
+            return testcafe_1.t.expect(FlashMessageSelector.innerText).contains(text);
+        },
+    };
+}
+exports.flashMessage = flashMessage;