@uxf/e2e 11.74.0 → 11.74.1

package/README.md

@@ -1,6 +1,6 @@
 # @uxf/e2e
 
-```bash
+```sh
 yarn add @uxf/e2e
 ```
 

package/cms/menu.d.ts

@@ -0,0 +1,8 @@
+export declare function menu(): {
+    openLink(mainLabel: string, subLabel?: string, index?: number): 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,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menu = menu;
+const testcafe_1 = require("testcafe");
+const menuLinkFinder = (0, testcafe_1.Selector)(".uxf-cms-menu__item-label");
+function menu() {
+    return {
+        openLink(mainLabel, subLabel, index = 0) {
+            if (!subLabel) {
+                return testcafe_1.t.click(menuLinkFinder.withText(mainLabel).nth(index));
+            }
+            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));
+        },
+        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).withText(userMenuLabel).nth(1));
+            }
+            return testcafe_1.t.click((0, testcafe_1.Selector)(menuLinkFinder).withText(userMenuLabel));
+        },
+        shouldExistsLink(label) {
+            return testcafe_1.t.expect(menuLinkFinder.withText(label).exists).ok();
+        },
+        shouldNotExistsLink(label) {
+            return testcafe_1.t.expect(menuLinkFinder.withText(label).exists).notOk();
+        },
+    };
+}

package/components.d.ts

@@ -0,0 +1,52 @@
+import { menu } from "./cms/menu";
+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 { flashMessage } from "./ui/flash-message";
+import { iconButton } from "./ui/icon-button";
+import { input } from "./ui/input";
+import { message } from "./ui/message";
+import { modal } from "./ui/modal";
+import { multiCombobox } from "./ui/multi-combobox";
+import { multiSelect } from "./ui/multi-select";
+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";
+import { toggle } from "./ui/toggle";
+import { toolbarTab } from "./ui/toolbar-tab";
+export declare const components: {
+    button: typeof button;
+    buttonGroup: typeof buttonGroup;
+    buttonList: typeof buttonList;
+    combobox: typeof combobox;
+    datePickerInput: typeof datePickerInput;
+    datetimePickerInput: typeof datetimePickerInput;
+    dropzone: typeof dropzone;
+    flashMessage: typeof flashMessage;
+    checkboxButton: typeof checkboxButton;
+    checkboxInput: typeof checkboxInput;
+    iconButton: typeof iconButton;
+    input: typeof input;
+    message: typeof message;
+    modal: typeof modal;
+    multiCombobox: typeof multiCombobox;
+    multiSelect: typeof multiSelect;
+    radioGroup: typeof radioGroup;
+    select: typeof select;
+    textarea: typeof textarea;
+    textInput: typeof textInput;
+    textLink: typeof textLink;
+    toggle: typeof toggle;
+    toolbarTab: typeof toolbarTab;
+    cms: {
+        menu: typeof menu;
+    };
+};

package/components.js

@@ -0,0 +1,55 @@
+"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");
+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 flash_message_1 = require("./ui/flash-message");
+const icon_button_1 = require("./ui/icon-button");
+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 multi_select_1 = require("./ui/multi-select");
+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");
+const toggle_1 = require("./ui/toggle");
+const toolbar_tab_1 = require("./ui/toolbar-tab");
+exports.components = {
+    button: button_1.button,
+    buttonGroup: button_group_1.buttonGroup,
+    buttonList: button_list_1.buttonList,
+    combobox: combobox_1.combobox,
+    datePickerInput: date_picker_input_1.datePickerInput,
+    datetimePickerInput: datetime_picker_input_1.datetimePickerInput,
+    dropzone: dropzone_1.dropzone,
+    flashMessage: flash_message_1.flashMessage,
+    checkboxButton: checkbox_button_1.checkboxButton,
+    checkboxInput: checkbox_input_1.checkboxInput,
+    iconButton: icon_button_1.iconButton,
+    input: input_1.input,
+    message: message_1.message,
+    modal: modal_1.modal,
+    multiCombobox: multi_combobox_1.multiCombobox,
+    multiSelect: multi_select_1.multiSelect,
+    radioGroup: radio_group_1.radioGroup,
+    select: select_1.select,
+    textarea: textarea_1.textarea,
+    textInput: text_input_1.textInput,
+    textLink: text_link_1.textLink,
+    toggle: toggle_1.toggle,
+    toolbarTab: toolbar_tab_1.toolbarTab,
+    cms: {
+        menu: menu_1.menu,
+    },
+};

package/config.d.ts

@@ -0,0 +1 @@
+export declare const BASE_URL: string;

package/config.js

@@ -0,0 +1,5 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = void 0;
+exports.BASE_URL = (_a = process.env.BASE_URL) !== null && _a !== void 0 ? _a : "https://fe.uxf.dev";

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./utils/wait-for-react";

package/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./utils/wait-for-react"), exports);

package/package.json

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

package/tests/button.e2e.d.ts

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

package/tests/button.e2e.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Button")
+    .page(config_1.BASE_URL + "/examples/ui/button/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Button", async () => {
+    await components_1.components.button({ text: "Default" }).click();
+    await components_1.components.button({ text: "Default" }).shouldExists();
+    await components_1.components.button({ text: "Not found" }).shouldNotExists();
+    await components_1.components.button({ text: "Disabled" }).shouldBeDisabled();
+    await components_1.components.button({ text: "Custom width" }).shouldNotBeDisabled();
+});

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

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

package/tests/checkbox-button.e2e.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Checkbox button")
+    .page(config_1.BASE_URL + "/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,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Checkbox input")
+    .page(config_1.BASE_URL + "/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,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Combobox")
+    .page(config_1.BASE_URL + "/examples/form/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: "firstname" });
+    await components_1.components.button({ text: "Submit" }).click();
+    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(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", 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();
+    })();
+    await defaultCombobox.typeTextAndSelectItemByIndex("Option t");
+    await defaultCombobox.shouldHaveValue("Option two");
+});

package/tests/datagrid-v2.e2e.d.ts

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

package/tests/datagrid-v2.e2e.js

@@ -0,0 +1,231 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+const gridRowsCount = () => {
+    return (0, testcafe_1.Selector)(".uxf-dg-table__body > .uxf-dg-table__row").count;
+};
+// Funkce pro kontrolu viditelnosti prvku ve viewportu
+const isElementInViewport = (0, testcafe_1.ClientFunction)((selector) => {
+    const element = selector();
+    if (!element) {
+        return false;
+    }
+    const rect = element.getBoundingClientRect();
+    const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+    const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+    // Podmínka pro ověření, že celý prvek je viditelný
+    return rect.top >= 0 && rect.left >= 0 && rect.bottom <= windowHeight && rect.right <= windowWidth;
+});
+(0, testcafe_1.fixture)("Datagrid V2")
+    .page(config_1.BASE_URL + "/examples/data-grid/data-grid-v2/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (controller) => {
+    await (0, wait_for_react_1.waitForReact)(10000, controller);
+});
+(0, testcafe_1.test)("Check visibility of sticky action cell in viewport", async () => {
+    await testcafe_1.t.expect(gridRowsCount()).gte(1, { timeout: 5000 });
+    const actionCellColumn = (0, testcafe_1.Selector)(".uxf-dg-table__action-cell");
+    const isVisible = await isElementInViewport(actionCellColumn);
+    await testcafe_1.t.expect(isVisible).ok(`Action at index is not visible in the viewport`);
+});
+(0, testcafe_1.test)("Filter per tab - not shared filters", async () => {
+    //otevření filtrů
+    await components_1.components.iconButton({ iconName: "icon-sprite--filter" }).click();
+    //number inputy Number interval (od) a Number interval (do)
+    await components_1.components.input({ name: "interval.from" }).type("3");
+    await components_1.components.input({ name: "interval.from" }).shouldHaveValue("3");
+    await components_1.components.input({ name: "interval.to" }).type("5");
+    await components_1.components.input({ name: "interval.to" }).shouldHaveValue("5");
+    //email
+    await components_1.components.input({ name: "mail" }).type("test@uxf.cz");
+    await components_1.components.input({ name: "mail" }).shouldHaveValue("test@uxf.cz");
+    //datepicker Date (od) a Date (do)
+    await components_1.components.datePickerInput({ dataName: "date.from" }).selectDate(10, 10, 2030);
+    await components_1.components.datePickerInput({ dataName: "date.from" }).shouldHaveValue("10. 10. 2030");
+    await components_1.components.datePickerInput({ dataName: "date.to" }).selectDate(10, 10, 2032);
+    await components_1.components.datePickerInput({ dataName: "date.to" }).shouldHaveValue("10. 10. 2032");
+    //datetimepicker Datetime (od) a Datetime (do)
+    await components_1.components.datetimePickerInput({ dataName: "datetime.from" }).selectDatetime(10, 10, 2030, 10, 30);
+    await components_1.components.datetimePickerInput({ dataName: "datetime.from" }).shouldHaveValue("10. 10. 2030 10:30");
+    await components_1.components.datetimePickerInput({ dataName: "datetime.to" }).selectDatetime(10, 10, 2032, 12, 0);
+    await components_1.components.datetimePickerInput({ dataName: "datetime.to" }).shouldHaveValue("10. 10. 2032 12:00");
+    //select
+    await components_1.components.select({ dataName: "select" }).selectItemWithText("A");
+    await components_1.components.select({ dataName: "select" }).shouldHaveValue("A");
+    //multi select
+    await components_1.components.multiSelect({ dataName: "multiSelect" }).selectItemsByText(["Option 1", "Option 2"]);
+    //zavření filtru
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    //kontrola zobrazení chipů
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Number interval: od 3 do 5").exists).ok();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("E-mail: test@uxf.cz").exists).ok();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Date: od 10/10/2030 do 10/10/2032").exists).ok();
+    await testcafe_1.t
+        .expect((0, testcafe_1.Selector)(".uxf-chip").withText("Datetime: od 10/10/2030 10:30 AM do 10/10/2032 12:00 PM").exists)
+        .ok();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Select:\xa0A").exists).ok();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Multi select:\xa0Option 1, Option 2").exists).ok();
+    //přepnutí tabu
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).click();
+    //kontrola že se filtry nepředávájí mezi taby
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Number interval: od 3 do 5").exists).notOk();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("E-mail: test@uxf.cz").exists).notOk();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Date: od 10/10/2030 do 10/10/2032").exists).notOk();
+    await testcafe_1.t
+        .expect((0, testcafe_1.Selector)(".uxf-chip").withText("Datetime: od 10/10/2030 10:30 AM do 10/10/2032 12:00 PM").exists)
+        .notOk();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Select:\xa0A").exists).notOk();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Multi select:\xa0Option 1, Option 2").exists).notOk();
+    //přepnutí tabu
+    await components_1.components.toolbarTab({ text: "All" }).click();
+    //otevření filtrů
+    await components_1.components.iconButton({ iconName: "icon-sprite--filter" }).click();
+    //smazání hodnot u number inputů
+    await components_1.components.input({ name: "interval.from" }).replace(" ");
+    await components_1.components.input({ name: "interval.to" }).replace(" ");
+    //samazání hotnoty text inputu email
+    const emailInput = (0, testcafe_1.Selector)(`input[name="mail"]`);
+    await testcafe_1.t.selectText(emailInput);
+    await testcafe_1.t.pressKey("delete");
+    //smazání datepicker Date (od) a Date (do)
+    await components_1.components.datePickerInput({ dataName: "date.from" }).clear();
+    await components_1.components.datePickerInput({ dataName: "date.to" }).clear();
+    //smazání datetimepicker Datetime (od) a Datetime (do)
+    await components_1.components.datetimePickerInput({ dataName: "datetime.from" }).clear();
+    await components_1.components.datetimePickerInput({ dataName: "datetime.to" }).clear();
+    //smazání hodnoty ze selectu
+    await components_1.components.select({ dataName: "select" }).clear();
+    //smazání honot z multi selectu
+    await components_1.components.multiSelect({ dataName: "multiSelect" }).removeItemsByText(["Option 1", "Option 2"]);
+    //zavření filtrů
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    //kontrola, že se nezobrazují chipy nad datagridem
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-data-grid__filter-list .uxf-chip").exists).notOk();
+});
+(0, testcafe_1.test)("Sharing filters and search between tabs", async () => {
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-radio-group__option-label").withText("sharedFiltersAndSearch"));
+    //otevření filtrů
+    await components_1.components.iconButton({ iconName: "icon-sprite--filter" }).click();
+    //number inputy Number interval (od) a Number interval (do)
+    await components_1.components.input({ name: "interval.from" }).type("3");
+    await components_1.components.input({ name: "interval.from" }).shouldHaveValue("3");
+    await components_1.components.input({ name: "interval.to" }).type("5");
+    await components_1.components.input({ name: "interval.to" }).shouldHaveValue("5");
+    //zavření filtru
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Number interval: od 3 do 5").exists).ok();
+    await components_1.components.textInput({ name: "fulltext" }).type("re");
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue("re");
+    await testcafe_1.t.expect(gridRowsCount()).eql(2, { timeout: 5000 });
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("Red").exists).ok();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("Green").exists).ok();
+    await components_1.components.textInput({ name: "fulltext" }).replace("gray");
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue("gray");
+    await testcafe_1.t.expect(gridRowsCount()).eql(1, { timeout: 5000 });
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("Gray").exists).ok();
+    //Přepnutí tabů
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).click();
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).shouldBeActive();
+    //přepuntí tabu zachová hodnotu text inputu pro fulltext
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("Gray").exists).ok();
+    await testcafe_1.t.expect(gridRowsCount()).eql(1, { timeout: 5000 });
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("Gray").exists).ok();
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue("gray");
+});
+(0, testcafe_1.test)("Sharing filters, search and sorts between tabs", async () => {
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-radio-group__option-label").withText("sharedFiltersAndSearchAndSort"));
+    //sort Text column
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-dg-table__cell--header").withText("Text"));
+    //otevření filtrů
+    await components_1.components.iconButton({ iconName: "icon-sprite--filter" }).click();
+    //number inputy Number interval (od) a Number interval (do)
+    await components_1.components.input({ name: "interval.from" }).type("3");
+    await components_1.components.input({ name: "interval.from" }).shouldHaveValue("3");
+    await components_1.components.input({ name: "interval.to" }).type("5");
+    await components_1.components.input({ name: "interval.to" }).shouldHaveValue("5");
+    //zavření filtru
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Number interval: od 3 do 5").exists).ok();
+    await components_1.components.textInput({ name: "fulltext" }).type("w");
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue("w");
+    await testcafe_1.t.expect(gridRowsCount()).eql(2, { timeout: 5000 });
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText("White").exists).ok();
+    //Přepnutí tabů
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).click();
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).shouldBeActive();
+    //přepuntí tabu zachová řazení a hodnotu text inputu pro fulltext
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell--type-string").nth(1).innerText).contains("White");
+    await testcafe_1.t.expect(gridRowsCount()).eql(2, { timeout: 5000 });
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue("w");
+});
+const columnsName = [
+    "Id",
+    "Text",
+    "Boolean",
+    "E-mail",
+    "Phone",
+    "Link",
+    "Date",
+    "Datetime",
+    "UUID",
+    "Chip",
+    "Chips",
+    "Money",
+    "ToOne",
+    "To many",
+];
+async function columnsExist() {
+    await columnsName.reduce((promise, column) => promise.then(() => testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText(column).exists).ok(`${column} was found`)), Promise.resolve());
+}
+async function columnsNotExist() {
+    await columnsName.reduce((promise, column) => promise.then(() => testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withText(column).exists).notOk(`${column} was found`)), Promise.resolve());
+}
+(0, testcafe_1.test)("Columns hiding", async () => {
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withExactText("Id").exists).notOk();
+    await components_1.components.iconButton({ iconName: "icon-sprite--table-columns" }).click();
+    await testcafe_1.t
+        .expect((0, testcafe_1.Selector)(".uxf-data-grid__drawer-content")
+        .find("div")
+        .withText("SKRYTÉ SLOUPCE")
+        .nextSibling()
+        .withText("Id").exists)
+        .ok();
+    await components_1.components.toggle({ text: "Id" }).click();
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__cell").withExactText("Id").exists).ok();
+    await columnsExist();
+    await components_1.components.iconButton({ iconName: "icon-sprite--table-columns" }).click();
+    await components_1.components.textLink({ text: "zobrazit vše" }).shouldNotExists();
+    await components_1.components.textLink({ text: "skrýt vše" }).click();
+    await testcafe_1.t
+        .expect((0, testcafe_1.Selector)(".uxf-data-grid__hidden-columns-title").nextSibling().innerText)
+        .contains("Tabulka má všechny sloupce skryté. Pro zobrazení vyberte sloupec níže.");
+    await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
+    await columnsNotExist();
+});
+(0, testcafe_1.test)("Pagination", async () => {
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("div").withText("Načítám...").exists).notOk({ timeout: 10000 });
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-pagination__button.is-next"));
+    await testcafe_1.t.expect(gridRowsCount()).eql(1, { timeout: 5000 });
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-data-grid__rows-per-page .uxf-form-component__input"));
+    await testcafe_1.t.click((0, testcafe_1.Selector)(".uxf-select__dropdown-item").withText("25"));
+    await testcafe_1.t.expect(gridRowsCount()).eql(11, { timeout: 5000 });
+});
+(0, testcafe_1.test)("No rows fallback", async () => {
+    await components_1.components.textInput({ name: "fulltext" }).type(" ");
+    await components_1.components.textInput({ name: "fulltext" }).shouldHaveValue(" ");
+    await testcafe_1.t.expect((0, testcafe_1.Selector)(".uxf-dg-table__no-rows-fallback").withText("Žádné záznamy").exists).ok({ timeout: 5000 });
+});
+(0, testcafe_1.test)("Bulk action", async () => {
+    await testcafe_1.t.expect((0, testcafe_1.Selector)("div").withText("Načítám...").exists).notOk({ timeout: 10000 });
+    await components_1.components.checkboxInput({ dataName: "select-all-rows" }).click();
+    await components_1.components.checkboxInput({ dataName: "select-all-rows" }).shouldBeChecked();
+    const selectedRowsToolbar = (0, testcafe_1.Selector)(".uxf-data-grid__selected-rows-toolbar").withText("Vybráno 10 záznamů");
+    await testcafe_1.t.expect(selectedRowsToolbar.exists).ok({ timeout: 5000 });
+    await components_1.components.button({ text: "Zrušit výběr" }).click();
+    await testcafe_1.t.expect(selectedRowsToolbar.exists).notOk({ timeout: 5000 });
+    await components_1.components.checkboxInput({ dataName: "select-all-rows" }).shouldNotBeChecked();
+});

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Date picker input")
+    .page(config_1.BASE_URL + "/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(5, 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,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Datetime picker input")
+    .page(config_1.BASE_URL + "/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 {};