@uxf/e2e 11.12.1 → 11.15.0

package/components.d.ts

@@ -1,9 +1,20 @@
 import { button } from "./ui/button";
 import { buttonGroup } from "./ui/button-group";
 import { buttonList } from "./ui/button-list";
+import { checkboxButton } from "./ui/checkbox-button";
+import { checkboxInput } from "./ui/checkbox-input";
+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 { input } from "./ui/input";
+import { message } from "./ui/message";
+import { modal } from "./ui/modal";
+import { multiCombobox } from "./ui/multi-combobox";
+import { radioGroup } from "./ui/radio-group";
 import { select } from "./ui/select";
 import { textInput } from "./ui/text-input";
+import { textLink } from "./ui/text-link";
 export declare const components: {
     button: typeof button;
     buttonGroup: typeof buttonGroup;
@@ -11,4 +22,15 @@ export declare const components: {
     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;
+    message: typeof message;
+    radioGroup: typeof radioGroup;
+    textLink: typeof textLink;
+    dropzone: typeof dropzone;
 };

package/components.js

@@ -4,9 +4,20 @@ exports.components = void 0;
 const button_1 = require("./ui/button");
 const button_group_1 = require("./ui/button-group");
 const button_list_1 = require("./ui/button-list");
+const checkbox_button_1 = require("./ui/checkbox-button");
+const checkbox_input_1 = require("./ui/checkbox-input");
+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 input_1 = require("./ui/input");
+const message_1 = require("./ui/message");
+const modal_1 = require("./ui/modal");
+const multi_combobox_1 = require("./ui/multi-combobox");
+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");
 exports.components = {
     button: button_1.button,
     buttonGroup: button_group_1.buttonGroup,
@@ -14,4 +25,15 @@ exports.components = {
     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,
+    message: message_1.message,
+    radioGroup: radio_group_1.radioGroup,
+    textLink: text_link_1.textLink,
+    dropzone: dropzone_1.dropzone,
 };

package/package.json

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

package/tests/checkbox-button.e2e.d.ts

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

package/tests/checkbox-button.e2e.js

@@ -0,0 +1,18 @@
+"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)("Checkbox button")
+    .page("https://fe.uxf.dev/examples/ui/checkbox-button/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Checkbox button", async () => {
+    const defaultCheckboxButton = components_1.components.checkboxButton({ buttonText: "Opravdu?" });
+    await defaultCheckboxButton.shouldExist();
+    await defaultCheckboxButton.shouldBeChecked();
+    await defaultCheckboxButton.click();
+    await defaultCheckboxButton.shouldNotBeChecked();
+});

package/tests/checkbox-input.e2e.d.ts

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

package/tests/checkbox-input.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)("Checkbox input")
+    .page("https://fe.uxf.dev/examples/ui/checkbox-input/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Checkbox input", async () => {
+    const defaultCheckboxInput = components_1.components.checkboxInput({ dataName: "checkbox-input" });
+    await defaultCheckboxInput.shouldExist();
+    await defaultCheckboxInput.shouldBeChecked();
+    await defaultCheckboxInput.click();
+    await defaultCheckboxInput.shouldNotBeChecked();
+    await components_1.components.checkboxInput({ dataName: "checkbox-input-disabled" }).shouldBeDisabled();
+    await components_1.components.checkboxInput({ dataName: "checkbox-input-disabled" }).click();
+    await components_1.components.checkboxInput({ dataName: "checkbox-input-disabled" }).shouldNotBeChecked();
+});

package/tests/combobox.e2e.d.ts

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

package/tests/combobox.e2e.js

@@ -0,0 +1,20 @@
+"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)("Combobox")
+    .page("https://fe.uxf.dev/examples/ui/combobox/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Combobox", async () => {
+    const defaultCombobox = components_1.components.combobox({ dataName: "combobox" });
+    await defaultCombobox.shouldExist();
+    await defaultCombobox.shouldBeEmpty();
+    await defaultCombobox.selectItemWithTextFromDropdown("Option one");
+    await defaultCombobox.shouldHaveValue("Option one");
+    await components_1.components.combobox({ dataName: "combobox", nth: 1 }).replace("Option three");
+    await components_1.components.combobox({ dataName: "combobox", nth: 1 }).shouldHaveValue("Option three");
+});

package/tests/date-picker-input.e2e.d.ts

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

package/tests/date-picker-input.e2e.js

@@ -0,0 +1,27 @@
+"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)("Date picker input")
+    .page("https://fe.uxf.dev/examples/ui/date-picker-input/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Date picker input", async () => {
+    const defaultDatePickerInput = components_1.components.datePickerInput({ dataName: "date" });
+    await defaultDatePickerInput.shouldBeEmpty();
+    await defaultDatePickerInput.shouldNotBeDisabled();
+    await defaultDatePickerInput.selectDate(1, 1, 2024);
+    await defaultDatePickerInput.shouldHaveValue("1. 1. 2024");
+    await defaultDatePickerInput.replace("05.12.2025");
+    await defaultDatePickerInput.shouldHaveValue("5. 12. 2025");
+    //do disabled se nedá psát
+    await components_1.components.datePickerInput({ dataName: "date-disabled" }).shouldBeDisabled();
+    await components_1.components.datePickerInput({ dataName: "date-disabled" }).selectDate(8, 1, 2024);
+    await components_1.components.datePickerInput({ dataName: "date-disabled" }).shouldHaveValue("5. 12. 2025");
+    await components_1.components.datePickerInput({ dataName: "date-invalid" }).shouldBeInvalid();
+    await defaultDatePickerInput.clear();
+    await defaultDatePickerInput.shouldBeEmpty();
+});

package/tests/date-time-picker-input.e2e.d.ts

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

package/tests/date-time-picker-input.e2e.js

@@ -0,0 +1,26 @@
+"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)("Datetime picker input")
+    .page("https://fe.uxf.dev/examples/ui/datetime-picker-input/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Datetime picker input", async () => {
+    const defaultDatetimePickerInput = components_1.components.datetimePickerInput({ dataName: "date" });
+    await defaultDatetimePickerInput.shouldNotBeDisabled();
+    await defaultDatetimePickerInput.selectDatetime(1, 1, 2024, 12, 45);
+    await defaultDatetimePickerInput.shouldHaveValue("1. 1. 2024 12:45");
+    await defaultDatetimePickerInput.replace(5, 12, 2025, 13, 5);
+    await defaultDatetimePickerInput.shouldHaveValue("5. 12. 2025 13:05");
+    //do disabled se nedá psát
+    await components_1.components.datetimePickerInput({ dataName: "date-disabled" }).shouldBeDisabled();
+    await components_1.components.datetimePickerInput({ dataName: "date-disabled" }).replace(8, 1, 2024, 14, 5);
+    await components_1.components.datetimePickerInput({ dataName: "date-disabled" }).shouldHaveValue("5. 12. 2025 13:05");
+    await components_1.components.datetimePickerInput({ dataName: "date-invalid" }).shouldBeInvalid();
+    await defaultDatetimePickerInput.clear();
+    await defaultDatetimePickerInput.shouldBeEmpty();
+});

package/tests/dropzone.e2e.d.ts

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

package/tests/dropzone.e2e.js

@@ -0,0 +1,15 @@
+"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)("Dropzone")
+    .page("https://fe.uxf.dev/examples/ui/dropzone/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Dropzone", async () => {
+    const defaultDropzone = components_1.components.dropzone({ name: "dropzone-disabled-drag-and-drop" });
+    await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
+});

package/tests/message.e2e.d.ts

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

package/tests/message.e2e.js

@@ -0,0 +1,24 @@
+"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)("Message")
+    .page("https://fe.uxf.dev/examples/ui/message/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Message", async () => {
+    await components_1.components.button({ text: "Click to open centered default confirm" }).click();
+    await components_1.components.message({}).shouldExist();
+    await components_1.components.button({ text: "Zrušit" }).shouldExists();
+    await components_1.components.button({ text: "Potvrdit" }).shouldExists();
+    await components_1.components.button({ text: "Potvrdit" }).click();
+    await components_1.components.message({}).shouldNotExist();
+    //message nejde zavřít klikem mimo
+    await components_1.components.button({ text: "Click to open centered default confirm" }).click();
+    await components_1.components.modal({}).shouldExist();
+    await components_1.components.button({ text: "Click to open centered default confirm" }).click();
+    await components_1.components.modal({}).shouldExist();
+});

package/tests/modal.e2e.d.ts

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

package/tests/modal.e2e.js

@@ -0,0 +1,22 @@
+"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)("Modal")
+    .page("https://fe.uxf.dev/examples/ui/modal/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Modal", async () => {
+    await components_1.components.button({ text: "Click to open modal - default" }).click();
+    await components_1.components.modal({}).shouldExist();
+    await components_1.components.button({ text: "Close modal" }).click();
+    await components_1.components.modal({}).shouldNotExist();
+    //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.button({ text: "Click to open modal - default" }).click();
+    await components_1.components.modal({}).shouldNotExist();
+});

package/tests/multi-combobox.e2e.d.ts

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

package/tests/multi-combobox.e2e.js

@@ -0,0 +1,20 @@
+"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)("Multi combobox")
+    .page("https://fe.uxf.dev/examples/ui/multi-combobox/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(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.replace("Option green");
+    await defaultMultiCombobox.selectItemByTypeText("Option four");
+    await components_1.components.multiCombobox({ dataName: "multi-combobox-disabled" }).shouldBeDisabled();
+});

package/tests/radio-group.e2e.d.ts

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

package/tests/radio-group.e2e.js

@@ -0,0 +1,16 @@
+"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)("Radio Group")
+    .page("https://fe.uxf.dev/examples/ui/radio-group/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Radio Group", async () => {
+    await components_1.components.radioGroup({ id: "radiogroup" }).selectByText("Radio two");
+    await components_1.components.radioGroup({ id: "radiogroup" }).shouldBeSelected("Radio two");
+    await components_1.components.radioGroup({ id: "radiogroup" }).shouldNotBeSelected("Radio one");
+});

package/tests/select.e2e.js

@@ -10,7 +10,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
 (0, testcafe_1.test)("Select", async () => {
-    const defaultSelect = components_1.components.select({ name: "default" });
+    const defaultSelect = components_1.components.select({ dataName: "select" });
     await defaultSelect.shouldBeEmpty();
     await defaultSelect.selectNthItem(2);
     await defaultSelect.shouldHaveValue("Option three");

package/tests/text-link.e2e.d.ts

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

package/tests/text-link.e2e.js

@@ -0,0 +1,16 @@
+"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)("Text Link")
+    .page("https://fe.uxf.dev/examples/ui/text-link/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Text Link", async () => {
+    await components_1.components.textLink({ text: "tímto odkazem" }).shouldExists();
+    await components_1.components.textLink({ text: "tímto odkazem" }).click();
+    await components_1.components.textLink({ text: "test" }).shouldNotExists();
+});

package/ui/checkbox-button.d.ts

@@ -0,0 +1,11 @@
+import { BaseFinder } from "../utils/base-finder";
+interface CheckboxButtonFinder extends BaseFinder {
+    buttonText: string;
+}
+export declare function checkboxButton(finder: CheckboxButtonFinder): {
+    click(): TestControllerPromise<any>;
+    shouldBeChecked(): TestControllerPromise<any>;
+    shouldNotBeChecked(): TestControllerPromise<any>;
+    shouldExist(): TestControllerPromise<any>;
+};
+export {};

package/ui/checkbox-button.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxButton = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function checkboxButton(finder) {
+    const checkboxButtonSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-checkbox-button").withExactText(finder.buttonText);
+    return {
+        click() {
+            return testcafe_1.t.click(checkboxButtonSelector);
+        },
+        shouldBeChecked() {
+            return testcafe_1.t.expect(checkboxButtonSelector.hasClass("is-selected")).ok();
+        },
+        shouldNotBeChecked() {
+            return testcafe_1.t.expect(checkboxButtonSelector.hasClass("is-selected")).notOk();
+        },
+        shouldExist() {
+            return testcafe_1.t.expect(checkboxButtonSelector.exists).ok();
+        },
+    };
+}
+exports.checkboxButton = checkboxButton;

package/ui/checkbox-input.d.ts

@@ -0,0 +1,12 @@
+import { BaseFinder } from "../utils/base-finder";
+interface CheckboxInputFinder extends BaseFinder {
+    dataName: string;
+}
+export declare function checkboxInput(finder: CheckboxInputFinder): {
+    click(): TestControllerPromise<any>;
+    shouldBeChecked(): TestControllerPromise<any>;
+    shouldNotBeChecked(): TestControllerPromise<any>;
+    shouldExist(): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+};
+export {};

package/ui/checkbox-input.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxInput = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function checkboxInput(finder) {
+    //TODO jakmile bude name na správné úrovni, tak udělat s name
+    const checkboxInputSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-checkbox-input__wrapper")
+        .withAttribute("data-name", finder.dataName);
+    return {
+        click() {
+            return testcafe_1.t.click(checkboxInputSelector);
+        },
+        shouldBeChecked() {
+            return testcafe_1.t.expect(checkboxInputSelector.find(".uxf-checkbox-input").hasClass("is-selected")).ok();
+        },
+        shouldNotBeChecked() {
+            return testcafe_1.t.expect(checkboxInputSelector.find(".uxf-checkbox-input").hasClass("is-selected")).notOk();
+        },
+        shouldExist() {
+            return testcafe_1.t.expect(checkboxInputSelector.exists).ok();
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(checkboxInputSelector.find(".uxf-checkbox-input").hasClass("is-disabled")).ok();
+        },
+    };
+}
+exports.checkboxInput = checkboxInput;

package/ui/combobox.d.ts

@@ -0,0 +1,14 @@
+import { BaseFinder } from "../utils/base-finder";
+interface ComboboxFinder extends BaseFinder {
+    dataName: string;
+    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>;
+    replace(optionText: string, index?: number): TestControllerPromise<any>;
+};
+export {};

package/ui/combobox.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.combobox = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function combobox(finder) {
+    var _a;
+    const comboboxSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-select-base")
+        .withAttribute("data-name", finder.dataName)
+        .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));
+        },
+        selectItemWithTextFromDropdown(optionText) {
+            return testcafe_1.t
+                .click(comboboxSelector.find(".uxf-select-base__arrow-icon"))
+                .click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText));
+        },
+        shouldExist() {
+            return testcafe_1.t.expect(comboboxSelector.exists).ok();
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql(value);
+        },
+        shouldBeEmpty() {
+            return testcafe_1.t.expect(comboboxSelector.find("input").value).eql("");
+        },
+        replace(optionText, index = 0) {
+            return testcafe_1.t
+                .typeText(comboboxSelector, optionText, { replace: true })
+                .click((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index));
+        },
+    };
+}
+exports.combobox = combobox;

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

@@ -0,0 +1,15 @@
+import { BaseFinder } from "../utils/base-finder";
+interface DatePickerInputFinder extends BaseFinder {
+    dataName: string;
+}
+export declare function datePickerInput(finder: DatePickerInputFinder): {
+    selectDate(DD: number, MM: number, YYYY: number): TestControllerPromise<any>;
+    replace(value: string): TestControllerPromise<any>;
+    shouldHaveValue(value: string): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldBeInvalid(): TestControllerPromise<any>;
+    clear(): TestControllerPromise<any>;
+    shouldBeEmpty(): TestControllerPromise<any>;
+};
+export {};

package/ui/date-picker-input.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datePickerInput = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function datePickerInput(finder) {
+    const datepickerInputSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-date-picker-input")
+        .withAttribute("data-name", finder.dataName);
+    return {
+        selectDate(DD, MM, YYYY) {
+            return testcafe_1.t.typeText(datepickerInputSelector.find(".uxf-input__element"), `${DD}.${MM}.${YYYY}`);
+        },
+        replace(value) {
+            return testcafe_1.t.typeText(datepickerInputSelector.find(".uxf-input__element"), value, { replace: true });
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(datepickerInputSelector.find(".uxf-input__element").value).eql(value);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(datepickerInputSelector.hasClass("is-disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t.expect(datepickerInputSelector.hasClass("is-disabled")).notOk();
+        },
+        shouldBeInvalid() {
+            return testcafe_1.t.expect(datepickerInputSelector.hasAttribute("disabled")).notOk();
+        },
+        clear() {
+            return testcafe_1.t.click(datepickerInputSelector.find(".uxf-input__remove-button-inner"));
+        },
+        shouldBeEmpty() {
+            return testcafe_1.t.expect(datepickerInputSelector.find("input.uxf-input__element").value).eql("");
+        },
+    };
+}
+exports.datePickerInput = datePickerInput;

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

@@ -0,0 +1,15 @@
+import { BaseFinder } from "../utils/base-finder";
+interface DatetimePickerInputFinder extends BaseFinder {
+    dataName: string;
+}
+export declare function datetimePickerInput(finder: DatetimePickerInputFinder): {
+    selectDatetime(DD: number, MM: number, YYYY: number, hr: number, min: number): TestControllerPromise<any>;
+    replace(DD: number, MM: number, YYYY: number, hr: number, min: number): TestControllerPromise<any>;
+    shouldHaveValue(value: string): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldBeInvalid(): TestControllerPromise<any>;
+    clear(): TestControllerPromise<any>;
+    shouldBeEmpty(): TestControllerPromise<any>;
+};
+export {};

package/ui/datetime-picker-input.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datetimePickerInput = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function datetimePickerInput(finder) {
+    const datetimepickerInputSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-date-time-picker-input")
+        .withAttribute("data-name", finder.dataName);
+    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")}`);
+        },
+        replace(DD, MM, YYYY, hr, min) {
+            return testcafe_1.t.typeText(datetimepickerInputSelector.find(".uxf-input__element"), `${DD}.${MM}.${YYYY} ${hr}:${min.toString().padStart(2, "0")}`, { replace: true });
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(datetimepickerInputSelector.find(".uxf-input__element").value).eql(value);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(datetimepickerInputSelector.hasClass("is-disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t.expect(datetimepickerInputSelector.hasClass("is-disabled")).notOk();
+        },
+        shouldBeInvalid() {
+            return testcafe_1.t.expect(datetimepickerInputSelector.hasAttribute("disabled")).notOk();
+        },
+        clear() {
+            return testcafe_1.t.click(datetimepickerInputSelector.find(".uxf-input__remove-button-inner"));
+        },
+        shouldBeEmpty() {
+            return testcafe_1.t.expect(datetimepickerInputSelector.find("input.uxf-input__element").value).eql("");
+        },
+    };
+}
+exports.datetimePickerInput = datetimePickerInput;

package/ui/dropzone.d.ts

@@ -0,0 +1,17 @@
+import { BaseFinder } from "../utils/base-finder";
+interface DropzoneFinder extends BaseFinder {
+    name: string;
+}
+export declare function dropzone(finder: DropzoneFinder): {
+    /**
+     * 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]
+     *
+     * @example
+     * await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
+     */
+    uploadFiles(filesToUpload: Array<string>): TestControllerPromise<any>;
+};
+export {};

package/ui/dropzone.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dropzone = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function dropzone(finder) {
+    const dropzoneSelector = (0, create_selector_1.createSelector)(finder)
+        .find("input.uxf-dropzone__input")
+        .withAttribute("name", finder.name)
+        .with({ visibilityCheck: false });
+    return {
+        /**
+         * 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]
+         *
+         * @example
+         * await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
+         */
+        uploadFiles(filesToUpload) {
+            return testcafe_1.t.setFilesToUpload(dropzoneSelector, filesToUpload);
+        },
+    };
+}
+exports.dropzone = dropzone;

package/ui/message.d.ts

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

package/ui/message.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.message = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function message(finder) {
+    const modalSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-message__content");
+    return {
+        shouldExist() {
+            return testcafe_1.t.expect(modalSelector.exists).ok();
+        },
+        shouldNotExist() {
+            return testcafe_1.t.expect(modalSelector.exists).notOk();
+        },
+    };
+}
+exports.message = message;

package/ui/modal.d.ts

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

package/ui/modal.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modal = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function modal(finder) {
+    const modalSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-dialog__panel");
+    return {
+        shouldExist() {
+            return testcafe_1.t.expect(modalSelector.exists).ok();
+        },
+        shouldNotExist() {
+            return testcafe_1.t.expect(modalSelector.exists).notOk();
+        },
+    };
+}
+exports.modal = modal;

package/ui/multi-combobox.d.ts

@@ -0,0 +1,13 @@
+import { BaseFinder } from "../utils/base-finder";
+interface MultiComboboxFinder extends BaseFinder {
+    dataName: string;
+    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>;
+    replace(optionText: string, index?: number): TestControllerPromise<any>;
+};
+export {};

package/ui/multi-combobox.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.multiCombobox = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function multiCombobox(finder) {
+    var _a;
+    const multiComboboxSelector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-multi-combobox")
+        .withAttribute("data-name", finder.dataName)
+        .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));
+        },
+        selectItemFromDropdown(optionText) {
+            return testcafe_1.t.click(multiComboboxSelector).click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText));
+        },
+        shouldExist() {
+            return testcafe_1.t.expect(multiComboboxSelector.exists).ok();
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(multiComboboxSelector.hasClass("is-disabled")).ok();
+        },
+        replace(optionText, index = 0) {
+            return testcafe_1.t
+                .typeText(multiComboboxSelector, optionText, { replace: true })
+                .click((0, testcafe_1.Selector)(".uxf-dropdown__item").nth(index));
+        },
+    };
+}
+exports.multiCombobox = multiCombobox;

package/ui/radio-group.d.ts

@@ -0,0 +1,10 @@
+import { BaseFinder } from "../utils/base-finder";
+interface RadioGroupFinder extends BaseFinder {
+    id: string;
+}
+export declare function radioGroup(finder: RadioGroupFinder): {
+    selectByText(text: string): TestControllerPromise<any>;
+    shouldBeSelected(text: string): TestControllerPromise<any>;
+    shouldNotBeSelected(text: string): TestControllerPromise<any>;
+};
+export {};

package/ui/radio-group.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioGroup = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+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));
+        },
+        shouldBeSelected(text) {
+            return testcafe_1.t
+                .expect(radioGroupSelector
+                .find(".uxf-radio-group__option-wrapper")
+                .withExactText(text)
+                .hasClass("is-selected"))
+                .ok();
+        },
+        shouldNotBeSelected(text) {
+            return testcafe_1.t
+                .expect(radioGroupSelector
+                .find(".uxf-radio-group__option-wrapper")
+                .withExactText(text)
+                .hasClass("is-selected"))
+                .notOk();
+        },
+    };
+}
+exports.radioGroup = radioGroup;

package/ui/select.d.ts

@@ -1,6 +1,6 @@
 import { BaseFinder } from "../utils/base-finder";
 interface SelectInputFinder extends BaseFinder {
-    name: string;
+    dataName: string;
 }
 export declare function select(finder: SelectInputFinder): {
     selectNthItem(nth: number): TestControllerPromise<any>;

package/ui/select.js

@@ -4,8 +4,9 @@ exports.select = void 0;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
 function select(finder) {
-    // TODO - name
     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");
     return {

package/ui/text-link.d.ts

@@ -0,0 +1,11 @@
+import { BaseFinder } from "../utils/base-finder";
+interface TextLinkFinder extends BaseFinder {
+    text: string;
+    nth?: number;
+}
+export declare function textLink(finder: TextLinkFinder): {
+    click(): TestControllerPromise<any>;
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
+};
+export {};

package/ui/text-link.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textLink = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function textLink(finder) {
+    var _a;
+    const textLinkSelector = (0, create_selector_1.createSelector)(finder)
+        .find("a.uxf-text-link")
+        .withExactText(finder.text)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
+    return {
+        click() {
+            return testcafe_1.t.click(textLinkSelector);
+        },
+        shouldExists() {
+            return testcafe_1.t.expect(textLinkSelector.exists).ok();
+        },
+        shouldNotExists() {
+            return testcafe_1.t.expect(textLinkSelector.exists).notOk();
+        },
+    };
+}
+exports.textLink = textLink;