@uxf/e2e 11.24.2 → 11.25.0

package/cms/menu.d.ts

@@ -0,0 +1,8 @@
+export declare function menu(): {
+    openLink(mainLabel: string, subLabel?: string): TestControllerPromise<any>;
+    openBurgerMenu(): TestControllerPromise<any>;
+    openUserMenu(): TestControllerPromise<any>;
+    openUserMenuLink(userMenuLabel: string, device?: "mobile" | "desktop"): TestControllerPromise<any>;
+    shouldExistsLink(label: string): TestControllerPromise<any>;
+    shouldNotExistsLink(label: string): TestControllerPromise<any>;
+};

package/cms/menu.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menu = void 0;
+const testcafe_1 = require("testcafe");
+const menuLinkFinder = (0, testcafe_1.Selector)(".uxf-cms-menu__item");
+function menu() {
+    return {
+        openLink(mainLabel, subLabel) {
+            if (!subLabel) {
+                return testcafe_1.t.click(menuLinkFinder.withExactText(mainLabel));
+            }
+            return testcafe_1.t.click(menuLinkFinder.withExactText(mainLabel)).click(menuLinkFinder.withExactText(subLabel));
+        },
+        openBurgerMenu() {
+            return testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-cms-mobile-bar__button").nth(-1));
+        },
+        openUserMenu() {
+            return testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-cms-user-menu__button"));
+        },
+        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).withExactText(userMenuLabel));
+        },
+        shouldExistsLink(label) {
+            return testcafe_1.t.expect(menuLinkFinder.withExactText(label).exists).ok();
+        },
+        shouldNotExistsLink(label) {
+            return testcafe_1.t.expect(menuLinkFinder.withExactText(label).exists).notOk();
+        },
+    };
+}
+exports.menu = menu;

package/components.d.ts

@@ -1,3 +1,4 @@
+import { menu } from "./cms/menu";
 import { button } from "./ui/button";
 import { buttonGroup } from "./ui/button-group";
 import { buttonList } from "./ui/button-list";
@@ -16,23 +17,28 @@ import { radioGroup } from "./ui/radio-group";
 import { select } from "./ui/select";
 import { textInput } from "./ui/text-input";
 import { textLink } from "./ui/text-link";
+import { textarea } from "./ui/textarea";
 export declare const components: {
     button: typeof button;
     buttonGroup: typeof buttonGroup;
     buttonList: typeof buttonList;
-    input: typeof input;
-    select: typeof select;
-    textInput: typeof textInput;
     combobox: typeof combobox;
-    multiCombobox: typeof multiCombobox;
-    checkboxInput: typeof checkboxInput;
-    checkboxButton: typeof checkboxButton;
     datePickerInput: typeof datePickerInput;
     datetimePickerInput: typeof datetimePickerInput;
-    modal: typeof modal;
+    dropzone: typeof dropzone;
+    flashMessage: typeof flashMessage;
+    checkboxButton: typeof checkboxButton;
+    checkboxInput: typeof checkboxInput;
+    input: typeof input;
     message: typeof message;
+    modal: typeof modal;
+    multiCombobox: typeof multiCombobox;
     radioGroup: typeof radioGroup;
+    select: typeof select;
+    textarea: typeof textarea;
+    textInput: typeof textInput;
     textLink: typeof textLink;
-    dropzone: typeof dropzone;
-    flashMessage: typeof flashMessage;
+    cms: {
+        menu: typeof menu;
+    };
 };

package/components.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.components = void 0;
+const menu_1 = require("./cms/menu");
 const button_1 = require("./ui/button");
 const button_group_1 = require("./ui/button-group");
 const button_list_1 = require("./ui/button-list");
@@ -19,23 +20,28 @@ const radio_group_1 = require("./ui/radio-group");
 const select_1 = require("./ui/select");
 const text_input_1 = require("./ui/text-input");
 const text_link_1 = require("./ui/text-link");
+const textarea_1 = require("./ui/textarea");
 exports.components = {
     button: button_1.button,
     buttonGroup: button_group_1.buttonGroup,
     buttonList: button_list_1.buttonList,
-    input: input_1.input,
-    select: select_1.select,
-    textInput: text_input_1.textInput,
     combobox: combobox_1.combobox,
-    multiCombobox: multi_combobox_1.multiCombobox,
-    checkboxInput: checkbox_input_1.checkboxInput,
-    checkboxButton: checkbox_button_1.checkboxButton,
     datePickerInput: date_picker_input_1.datePickerInput,
     datetimePickerInput: datetime_picker_input_1.datetimePickerInput,
-    modal: modal_1.modal,
+    dropzone: dropzone_1.dropzone,
+    flashMessage: flash_message_1.flashMessage,
+    checkboxButton: checkbox_button_1.checkboxButton,
+    checkboxInput: checkbox_input_1.checkboxInput,
+    input: input_1.input,
     message: message_1.message,
+    modal: modal_1.modal,
+    multiCombobox: multi_combobox_1.multiCombobox,
     radioGroup: radio_group_1.radioGroup,
+    select: select_1.select,
+    textarea: textarea_1.textarea,
+    textInput: text_input_1.textInput,
     textLink: text_link_1.textLink,
-    dropzone: dropzone_1.dropzone,
-    flashMessage: flash_message_1.flashMessage,
+    cms: {
+        menu: menu_1.menu,
+    },
 };

package/package.json

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

package/tests/multi-combobox.e2e.js

@@ -16,5 +16,9 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await defaultMultiCombobox.selectItemFromDropdown("Option red");
     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();
 });

package/tests/sidebar-menu.e2e.d.ts

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

package/tests/sidebar-menu.e2e.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Menu")
+    .page("https://uxf-base.uxf.dev/admin")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (controller) => {
+    await (0, wait_for_react_1.waitForReact)(10000, controller);
+});
+(0, testcafe_1.test)("Menu desktop", async () => {
+    await components_1.components.textInput({ name: "username" }).type("root@uxf.cz");
+    await components_1.components.textInput({ name: "password" }).type("root");
+    await components_1.components.button({ text: "Přihlásit se" }).click();
+    await components_1.components.cms.menu().shouldExistsLink("Big test");
+    await components_1.components.cms.menu().shouldNotExistsLink("Small test");
+    //main menu item click
+    await components_1.components.cms.menu().openLink("Big test");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("h1").withExactText("Big test").exists).ok();
+    //hover on main menu and click on sub menu item
+    await components_1.components.cms.menu().openLink("Obsah", "Články");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("h1").withExactText("Články").exists).ok();
+    //submenu item click
+    await components_1.components.cms.menu().openLink("Otázky a odpovědi");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("h1").withExactText("Otázky a odpovědi").exists).ok();
+    //user menu item click
+    await testcafe_1.t.wait(2000);
+    await components_1.components.cms.menu().openUserMenu();
+    await components_1.components.cms.menu().openUserMenuLink("Změna hesla");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("h1").withExactText("Změna hesla").exists).ok();
+});
+(0, testcafe_1.test)("Menu mobile", async () => {
+    await testcafe_1.t.resizeWindow(390, 844);
+    await testcafe_1.t.setTestSpeed(0.5);
+    await components_1.components.textInput({ name: "username" }).type("root@uxf.cz");
+    await components_1.components.textInput({ name: "password" }).type("root");
+    await components_1.components.button({ text: "Přihlásit se" }).click();
+    await components_1.components.cms.menu().openBurgerMenu();
+    await components_1.components.cms.menu().openUserMenuLink("Změna hesla", "mobile");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("h1").withExactText("Změna hesla").exists).ok();
+});

package/tests/textarea.e2e.d.ts

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

package/tests/textarea.e2e.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Textarea")
+    .page("https://fe.uxf.dev/examples/ui/textarea/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Textarea", async () => {
+    const defaultTextarea = components_1.components.textarea({ dataName: "text-area" });
+    await defaultTextarea.shouldNotBeDisabled();
+    await defaultTextarea.type("Value");
+    await defaultTextarea.shouldHaveValue("testValue");
+    await defaultTextarea.replace("suffix");
+    await defaultTextarea.shouldHaveValue("suffix");
+    await components_1.components.textarea({ dataName: "text-area-diabled" }).shouldBeDisabled();
+    await components_1.components.textarea({ dataName: "text-area-read-only" }).shouldBeReadonly();
+});

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

@@ -1,6 +1,7 @@
 import { BaseFinder } from "../utils/base-finder";
 interface DatePickerInputFinder extends BaseFinder {
     dataName: string;
+    nth?: number;
 }
 export declare function datePickerInput(finder: DatePickerInputFinder): {
     selectDate(DD: number, MM: number, YYYY: number): TestControllerPromise<any>;

package/ui/date-picker-input.js

@@ -4,9 +4,11 @@ exports.datePickerInput = void 0;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
 function datePickerInput(finder) {
+    var _a;
     const datepickerInputSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-date-picker-input")
-        .withAttribute("data-name", finder.dataName);
+        .withAttribute("data-name", finder.dataName)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         selectDate(DD, MM, YYYY) {
             return testcafe_1.t.typeText(datepickerInputSelector.find(".uxf-input__element"), `${DD}.${MM}.${YYYY}`);

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

@@ -1,6 +1,7 @@
 import { BaseFinder } from "../utils/base-finder";
 interface DatetimePickerInputFinder extends BaseFinder {
     dataName: string;
+    nth?: number;
 }
 export declare function datetimePickerInput(finder: DatetimePickerInputFinder): {
     selectDatetime(DD: number, MM: number, YYYY: number, hr: number, min: number): TestControllerPromise<any>;

package/ui/datetime-picker-input.js

@@ -4,9 +4,11 @@ exports.datetimePickerInput = void 0;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
 function datetimePickerInput(finder) {
+    var _a;
     const datetimepickerInputSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-date-time-picker-input")
-        .withAttribute("data-name", finder.dataName);
+        .withAttribute("data-name", finder.dataName)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         selectDatetime(DD, MM, YYYY, hr, min) {
             return testcafe_1.t.typeText(datetimepickerInputSelector.find(".uxf-input__element"), `${DD}.${MM}.${YYYY} ${hr}:${min.toString().padStart(2, "0")}`);

package/ui/dropzone.d.ts

@@ -4,7 +4,7 @@ interface DropzoneFinder extends BaseFinder {
 }
 export declare function dropzone(finder: DropzoneFinder): {
     /**
-     * V projektu vytvořit složku _uploads_ v root složce a do ní nahrát soubory.
+     * V projektu vytvořit složku \_uploads_ v root složce a do ní nahrát soubory.
      * Ze složky _uploads_ se vybírají soubory, které jsou zadány jako filesToUpload.
      *
      * @param filesToUpload cesta k souboru musí začínat ./[název souboru]

package/ui/dropzone.js

@@ -10,7 +10,7 @@ function dropzone(finder) {
         .with({ visibilityCheck: false });
     return {
         /**
-         * V projektu vytvořit složku _uploads_ v root složce a do ní nahrát soubory.
+         * V projektu vytvořit složku \_uploads_ v root složce a do ní nahrát soubory.
          * Ze složky _uploads_ se vybírají soubory, které jsou zadány jako filesToUpload.
          *
          * @param filesToUpload cesta k souboru musí začínat ./[název souboru]

package/ui/multi-combobox.d.ts

@@ -8,6 +8,8 @@ export declare function multiCombobox(finder: MultiComboboxFinder): {
     selectItemFromDropdown(optionText: string): TestControllerPromise<any>;
     shouldExist(): TestControllerPromise<any>;
     shouldBeDisabled(): TestControllerPromise<any>;
+    shouldBeInvalid(): TestControllerPromise<any>;
     replace(optionText: string, index?: number): TestControllerPromise<any>;
+    shouldHaveValue(value: string): TestControllerPromise<any>;
 };
 export {};

package/ui/multi-combobox.js

@@ -23,11 +23,19 @@ function multiCombobox(finder) {
         shouldBeDisabled() {
             return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-disabled")).ok();
         },
+        shouldBeInvalid() {
+            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-invalid")).ok();
+        },
         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) {
+            return testcafe_1.t
+                .expect(multiComboboxSelector.find(".uxf-multi-combobox__selected-options").textContent)
+                .contains(value);
+        },
     };
 }
 exports.multiCombobox = multiCombobox;

package/ui/radio-group.js

@@ -7,7 +7,7 @@ function radioGroup(finder) {
     const radioGroupSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-radio-group").withAttribute("id", finder.id);
     return {
         selectByText(text) {
-            return testcafe_1.t.click(radioGroupSelector.find(".uxf-radio-group__option").withExactText(text));
+            return testcafe_1.t.click(radioGroupSelector.find(".uxf-radio-group__option").withText(text));
         },
         shouldBeSelected(text) {
             return testcafe_1.t

package/ui/select.js

@@ -7,8 +7,7 @@ function select(finder) {
     const buttonSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-select")
         .withAttribute("data-name", finder.dataName)
-        .find("button.uxf-input__element")
-        .withAttribute("aria-haspopup", "listbox");
+        .find("div.uxf-input__element");
     return {
         selectNthItem(nth) {
             // TODO - asi použít helper na dropdown až bude existovat

package/ui/textarea.d.ts

@@ -0,0 +1,14 @@
+import { BaseFinder } from "../utils/base-finder";
+interface TextareaFinder extends BaseFinder {
+    dataName: string;
+    nth?: number;
+}
+export declare function textarea(finder: TextareaFinder): {
+    type(value: string): TestControllerPromise<any>;
+    replace(value: string): TestControllerPromise<any>;
+    shouldHaveValue(value: string): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldBeReadonly(): TestControllerPromise<any>;
+};
+export {};

package/ui/textarea.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textarea = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function textarea(finder) {
+    var _a;
+    const textareaSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-textarea")
+        .withAttribute("data-name", finder.dataName)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
+    return {
+        type(value) {
+            return testcafe_1.t.typeText(textareaSelector.find("textarea"), value);
+        },
+        replace(value) {
+            return testcafe_1.t.typeText(textareaSelector.find("textarea"), value, { replace: true });
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(textareaSelector.find("textarea").value).eql(value);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(textareaSelector.hasClass("is-disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t.expect(textareaSelector.hasClass("is-disabled")).notOk();
+        },
+        shouldBeReadonly() {
+            return testcafe_1.t.expect(textareaSelector.hasClass("is-readonly")).ok();
+        },
+    };
+}
+exports.textarea = textarea;