@uxf/e2e 11.61.0 → 11.64.5

package/cms/menu.d.ts

@@ -1,5 +1,5 @@
 export declare function menu(): {
-    openLink(mainLabel: string, subLabel?: string): TestControllerPromise<any>;
+    openLink(mainLabel: string, subLabel?: string, index?: number): TestControllerPromise<any>;
     openBurgerMenu(): TestControllerPromise<any>;
     openUserMenu(): TestControllerPromise<any>;
     openUserMenuLink(userMenuLabel: string, device?: "mobile" | "desktop"): TestControllerPromise<any>;

package/cms/menu.js

@@ -5,11 +5,11 @@ const testcafe_1 = require("testcafe");
 const menuLinkFinder = (0, testcafe_1.Selector)(".uxf-cms-menu__item-label");
 function menu() {
     return {
-        openLink(mainLabel, subLabel) {
+        openLink(mainLabel, subLabel, index = 0) {
             if (!subLabel) {
-                return testcafe_1.t.click(menuLinkFinder.withExactText(mainLabel));
+                return testcafe_1.t.click(menuLinkFinder.withText(mainLabel).nth(index));
             }
-            return testcafe_1.t.click(menuLinkFinder.withExactText(mainLabel)).click(menuLinkFinder.withExactText(subLabel));
+            return testcafe_1.t.click(menuLinkFinder.withText(mainLabel)).click(menuLinkFinder.withText(subLabel));
         },
         openBurgerMenu() {
             return testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-cms-mobile-bar__button").nth(-1));
@@ -19,15 +19,15 @@ function menu() {
         },
         openUserMenuLink(userMenuLabel, device = "desktop") {
             if (device === "desktop") {
-                return testcafe_1.t.click((0, testcafe_1.Selector)(menuLinkFinder).withExactText(userMenuLabel).nth(1));
+                return testcafe_1.t.click((0, testcafe_1.Selector)(menuLinkFinder).withText(userMenuLabel).nth(1));
             }
-            return testcafe_1.t.click((0, testcafe_1.Selector)(menuLinkFinder).withExactText(userMenuLabel));
+            return testcafe_1.t.click((0, testcafe_1.Selector)(menuLinkFinder).withText(userMenuLabel));
         },
         shouldExistsLink(label) {
-            return testcafe_1.t.expect(menuLinkFinder.withExactText(label).exists).ok();
+            return testcafe_1.t.expect(menuLinkFinder.withText(label).exists).ok();
         },
         shouldNotExistsLink(label) {
-            return testcafe_1.t.expect(menuLinkFinder.withExactText(label).exists).notOk();
+            return testcafe_1.t.expect(menuLinkFinder.withText(label).exists).notOk();
         },
     };
 }

package/package.json

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

package/tests/combobox.e2e.js

@@ -13,17 +13,17 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.test)("Combobox", async () => {
     const defaultCombobox = components_1.components.combobox({ dataName: "firstname" });
     await components_1.components.button({ text: "Submit" }).click();
-    await components_1.components.combobox({ dataName: "combobox-required" }).shouldBeInvalid();
+    await components_1.components.combobox({ dataName: "combobox-required" }).shouldBeInvalid(1000);
     await components_1.components.combobox({ dataName: "combobox-required" }).shouldShowInvalidText("Toto pole je povinné");
     await components_1.components.combobox({ dataName: "combobox-required" }).shouldBeRequired();
-    await defaultCombobox.shouldExist();
-    await defaultCombobox.shouldBeEmpty();
-    await defaultCombobox.selectItemWithTextFromDropdown("Option one");
-    await defaultCombobox.shouldHaveValue("Option one");
+    await defaultCombobox.shouldExist(1000);
+    await defaultCombobox.shouldBeEmpty(1000);
+    await defaultCombobox.selectItemWithTextFromDropdown("Option one", 1000);
+    await defaultCombobox.shouldHaveValue("Option one", 1000);
     await components_1.components.combobox({ dataName: "combobox-required" }).replace("Option three");
-    await components_1.components.combobox({ dataName: "combobox-required" }).shouldHaveValue("Option three");
-    await components_1.components.combobox({ dataName: "combobox-disabled" }).shouldBeDisabled();
-    await components_1.components.combobox({ dataName: "firstname" }).shouldNotBeDisabled();
+    await components_1.components.combobox({ dataName: "combobox-required" }).shouldHaveValue("Option three", 1000);
+    await components_1.components.combobox({ dataName: "combobox-disabled" }).shouldBeDisabled(1000);
+    await components_1.components.combobox({ dataName: "firstname" }).shouldNotBeDisabled(1000);
     await (0, testcafe_1.ClientFunction)(() => {
         document.location.reload();
     })();

package/tests/flash-message.e2e.js

@@ -14,6 +14,6 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 (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.");
+    await (0, flash_message_1.flashMessage)().shouldExists(1000);
+    await (0, flash_message_1.flashMessage)().shouldContainsText("Everything is alright.", 1000);
 });

package/tests/modal.e2e.js

@@ -12,12 +12,12 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 });
 (0, testcafe_1.test)("UI Modal", async (t) => {
     await components_1.components.button({ text: "Click to open modal - default" }).click();
-    await components_1.components.modal({}).shouldExist();
+    await components_1.components.modal({}).shouldExist(1000);
     await components_1.components.button({ text: "Close modal" }).click();
-    await components_1.components.modal({}).shouldNotExist();
+    await components_1.components.modal({}).shouldNotExist(1000);
     //modal jde zavřít klikem mimo něj
     await components_1.components.button({ text: "Click to open modal - default" }).click();
-    await components_1.components.modal({}).shouldExist();
+    await components_1.components.modal({}).shouldExist(1000);
     await t.click("body", { offsetX: 0, offsetY: 0 });
-    await components_1.components.modal({}).shouldNotExist();
+    await components_1.components.modal({}).shouldNotExist(1000);
 });

package/tests/multi-combobox.e2e.js

@@ -13,13 +13,13 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.test)("Multi combobox", async () => {
     //TODO- dodělat, až bude správná classa na všech comboboxech a data-name u všech comboboxů
     const defaultMultiCombobox = components_1.components.multiCombobox({ dataName: "multi-combobox" });
-    await defaultMultiCombobox.shouldExist();
-    await defaultMultiCombobox.selectItemFromDropdown("Option red");
+    await defaultMultiCombobox.shouldExist(1000);
+    await defaultMultiCombobox.selectItemFromDropdown("Option red", 1000);
     await defaultMultiCombobox.replace("Option green");
-    await defaultMultiCombobox.selectItemByTypeText("Option four");
-    await defaultMultiCombobox.shouldHaveValue("Option red");
-    await defaultMultiCombobox.shouldHaveValue("Option four");
-    await defaultMultiCombobox.shouldHaveValue("Option green");
-    await components_1.components.multiCombobox({ dataName: "multi-combobox-disabled" }).shouldBeDisabled();
-    await components_1.components.multiCombobox({ dataName: "multi-combobox-invalid" }).shouldBeInvalid();
+    await defaultMultiCombobox.selectItemByTypeText("Option four", 1000);
+    await defaultMultiCombobox.shouldHaveValue("Option red", 1000);
+    await defaultMultiCombobox.shouldHaveValue("Option four", 1000);
+    await defaultMultiCombobox.shouldHaveValue("Option green", 1000);
+    await components_1.components.multiCombobox({ dataName: "multi-combobox-disabled" }).shouldBeDisabled(1000);
+    await components_1.components.multiCombobox({ dataName: "multi-combobox-invalid" }).shouldBeInvalid(1000);
 });

package/ui/combobox.d.ts

@@ -4,15 +4,15 @@ interface ComboboxFinder extends BaseFinder {
     nth?: number;
 }
 export declare function combobox(finder: ComboboxFinder): {
-    typeTextAndSelectItemByIndex(optionText: string, index?: number): TestControllerPromise<any>;
-    selectItemWithTextFromDropdown(optionText: string): TestControllerPromise<any>;
-    shouldExist(): TestControllerPromise<any>;
-    shouldHaveValue(value: string): TestControllerPromise<any>;
-    shouldBeEmpty(): TestControllerPromise<any>;
+    typeTextAndSelectItemByIndex(optionText: string, index?: number, timeout?: number): TestControllerPromise<any>;
+    selectItemWithTextFromDropdown(optionText: string, timeout?: number): TestControllerPromise<any>;
+    shouldExist(timeout?: number): TestControllerPromise<any>;
+    shouldHaveValue(value: string, timeout?: number): TestControllerPromise<any>;
+    shouldBeEmpty(timeout?: number): TestControllerPromise<any>;
     replace(optionText: string, index?: number): TestControllerPromise<any>;
-    shouldBeDisabled(): TestControllerPromise<any>;
-    shouldNotBeDisabled(): TestControllerPromise<any>;
-    shouldBeInvalid(): TestControllerPromise<any>;
+    shouldBeDisabled(timeout?: number): TestControllerPromise<any>;
+    shouldNotBeDisabled(timeout?: number): TestControllerPromise<any>;
+    shouldBeInvalid(timeout?: number): TestControllerPromise<any>;
     shouldShowInvalidText(errorText: string): TestControllerPromise<any>;
     shouldBeRequired(): TestControllerPromise<any>;
 };

package/ui/combobox.js

@@ -11,36 +11,42 @@ function combobox(finder) {
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
         .find(".uxf-form-component__input");
     return {
-        typeTextAndSelectItemByIndex(optionText, index = 0) {
-            return testcafe_1.t.typeText(comboboxSelector, optionText).click((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index));
+        typeTextAndSelectItemByIndex(optionText, index = 0, timeout = 0) {
+            return testcafe_1.t
+                .typeText(comboboxSelector, optionText)
+                .expect((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index).exists)
+                .ok({ timeout })
+                .click((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index));
         },
-        selectItemWithTextFromDropdown(optionText) {
+        selectItemWithTextFromDropdown(optionText, timeout = 0) {
             return testcafe_1.t
                 .click(comboboxSelector.find(".uxf-input__arrow-icon"))
+                .expect((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText).exists)
+                .ok({ timeout })
                 .click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText));
         },
-        shouldExist() {
-            return testcafe_1.t.expect(comboboxSelector.exists).ok();
+        shouldExist(timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.exists).ok({ timeout });
         },
-        shouldHaveValue(value) {
-            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql(value);
+        shouldHaveValue(value, timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql(value, { timeout });
         },
-        shouldBeEmpty() {
-            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql("");
+        shouldBeEmpty(timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql("", { timeout });
         },
         replace(optionText, index = 0) {
             return testcafe_1.t
                 .typeText(comboboxSelector, optionText, { replace: true })
                 .click((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index));
         },
-        shouldBeDisabled() {
-            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).ok();
+        shouldBeDisabled(timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).ok({ timeout });
         },
-        shouldNotBeDisabled() {
-            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).notOk();
+        shouldNotBeDisabled(timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).notOk({ timeout });
         },
-        shouldBeInvalid() {
-            return testcafe_1.t.expect(comboboxSelector.parent().hasClass("is-invalid")).ok();
+        shouldBeInvalid(timeout = 0) {
+            return testcafe_1.t.expect(comboboxSelector.parent().hasClass("is-invalid")).ok({ timeout });
         },
         shouldShowInvalidText(errorText) {
             return testcafe_1.t.expect(comboboxSelector.innerText).contains(errorText);

package/ui/flash-message.d.ts

@@ -1,8 +1,8 @@
 import { BaseFinder } from "../utils/base-finder";
 type FlashMessageFinder = BaseFinder;
 export declare function flashMessage(finder?: FlashMessageFinder): {
-    shouldExists(): TestControllerPromise<any>;
-    shouldNotExists(): TestControllerPromise<any>;
-    shouldContainsText(text: string): TestControllerPromise<any>;
+    shouldExists(timeout?: number): TestControllerPromise<any>;
+    shouldNotExists(timeout?: number): TestControllerPromise<any>;
+    shouldContainsText(text: string, timeout?: number): TestControllerPromise<any>;
 };
 export {};

package/ui/flash-message.js

@@ -6,14 +6,14 @@ 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();
+        shouldExists(timeout = 0) {
+            return testcafe_1.t.expect(FlashMessageSelector.exists).ok({ timeout });
         },
-        shouldNotExists() {
-            return testcafe_1.t.expect(FlashMessageSelector.exists).notOk();
+        shouldNotExists(timeout = 0) {
+            return testcafe_1.t.expect(FlashMessageSelector.exists).notOk({ timeout });
         },
-        shouldContainsText(text) {
-            return testcafe_1.t.expect(FlashMessageSelector.innerText).contains(text);
+        shouldContainsText(text, timeout = 0) {
+            return testcafe_1.t.expect(FlashMessageSelector.innerText).contains(text, { timeout });
         },
     };
 }

package/ui/modal.d.ts

@@ -1,5 +1,5 @@
 import { BaseFinder } from "../utils/base-finder";
 export declare function modal(finder: BaseFinder): {
-    shouldExist(): TestControllerPromise<any>;
-    shouldNotExist(): TestControllerPromise<any>;
+    shouldExist(timeout?: number): TestControllerPromise<any>;
+    shouldNotExist(timeout?: number): TestControllerPromise<any>;
 };

package/ui/modal.js

@@ -6,11 +6,11 @@ const create_selector_1 = require("../utils/create-selector");
 function modal(finder) {
     const modalSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-dialog__body");
     return {
-        shouldExist() {
-            return testcafe_1.t.expect(modalSelector.exists).ok();
+        shouldExist(timeout = 0) {
+            return testcafe_1.t.expect(modalSelector.exists).ok({ timeout });
         },
-        shouldNotExist() {
-            return testcafe_1.t.expect(modalSelector.exists).notOk();
+        shouldNotExist(timeout = 0) {
+            return testcafe_1.t.expect(modalSelector.exists).notOk({ timeout });
         },
     };
 }

package/ui/multi-combobox.d.ts

@@ -4,12 +4,12 @@ interface MultiComboboxFinder extends BaseFinder {
     nth?: number;
 }
 export declare function multiCombobox(finder: MultiComboboxFinder): {
-    selectItemByTypeText(optionText: string, index?: number): TestControllerPromise<any>;
-    selectItemFromDropdown(optionText: string): TestControllerPromise<any>;
-    shouldExist(): TestControllerPromise<any>;
-    shouldBeDisabled(): TestControllerPromise<any>;
-    shouldBeInvalid(): TestControllerPromise<any>;
+    selectItemByTypeText(optionText: string, timeout?: number, index?: number): TestControllerPromise<any>;
+    selectItemFromDropdown(optionText: string, timeout?: number): TestControllerPromise<any>;
+    shouldExist(timeout?: number): TestControllerPromise<any>;
+    shouldBeDisabled(timeout?: number): TestControllerPromise<any>;
+    shouldBeInvalid(timeout?: number): TestControllerPromise<any>;
     replace(optionText: string, index?: number): TestControllerPromise<any>;
-    shouldHaveValue(value: string): TestControllerPromise<any>;
+    shouldHaveValue(value: string, timeout?: number): TestControllerPromise<any>;
 };
 export {};

package/ui/multi-combobox.js

@@ -11,30 +11,38 @@ function multiCombobox(finder) {
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
         .find(".uxf-multi-combobox__button");
     return {
-        selectItemByTypeText(optionText, index = 0) {
-            return testcafe_1.t.typeText(multiComboboxSelector, optionText).click((0, testcafe_1.Selector)(".uxf-dropdown__item").nth(index));
+        selectItemByTypeText(optionText, timeout = 0, index = 0) {
+            return testcafe_1.t
+                .typeText(multiComboboxSelector, optionText)
+                .expect((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index).exists)
+                .ok({ timeout })
+                .click((0, testcafe_1.Selector)(".uxf-dropdown__item").nth(index));
         },
-        selectItemFromDropdown(optionText) {
-            return testcafe_1.t.click(multiComboboxSelector).click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText));
+        selectItemFromDropdown(optionText, timeout = 0) {
+            return testcafe_1.t
+                .click(multiComboboxSelector)
+                .expect((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText).exists)
+                .ok({ timeout })
+                .click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText));
         },
-        shouldExist() {
-            return testcafe_1.t.expect(multiComboboxSelector.exists).ok();
+        shouldExist(timeout = 0) {
+            return testcafe_1.t.expect(multiComboboxSelector.exists).ok({ timeout });
         },
-        shouldBeDisabled() {
-            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-disabled")).ok();
+        shouldBeDisabled(timeout = 0) {
+            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-disabled")).ok({ timeout });
         },
-        shouldBeInvalid() {
-            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-invalid")).ok();
+        shouldBeInvalid(timeout = 0) {
+            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-invalid")).ok({ timeout });
         },
         replace(optionText, index = 0) {
             return testcafe_1.t
                 .typeText(multiComboboxSelector, optionText, { replace: true })
                 .click((0, testcafe_1.Selector)(".uxf-dropdown__item").nth(index));
         },
-        shouldHaveValue(value) {
+        shouldHaveValue(value, timeout = 0) {
             return testcafe_1.t
                 .expect(multiComboboxSelector.find(".uxf-multi-combobox__selected-options").textContent)
-                .contains(value);
+                .contains(value, { timeout });
         },
     };
 }