@uxf/e2e 11.53.2 → 11.55.0

package/cms/menu.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.menu = menu;
 const testcafe_1 = require("testcafe");
-const menuLinkFinder = (0, testcafe_1.Selector)(".uxf-cms-menu__item");
+const menuLinkFinder = (0, testcafe_1.Selector)(".uxf-cms-menu__item-label");
 function menu() {
     return {
         openLink(mainLabel, subLabel) {

package/components.d.ts

@@ -14,13 +14,14 @@ 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 { multiSelect } from "./ui/multi-select";
+import { toolbarTab } from "./ui/toolbar-tab";
 export declare const components: {
     button: typeof button;
     buttonGroup: typeof buttonGroup;
@@ -44,6 +45,7 @@ export declare const components: {
     textInput: typeof textInput;
     textLink: typeof textLink;
     toggle: typeof toggle;
+    toolbarTab: typeof toolbarTab;
     cms: {
         menu: typeof menu;
     };

package/components.js

@@ -17,13 +17,14 @@ 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 multi_select_1 = require("./ui/multi-select");
+const toolbar_tab_1 = require("./ui/toolbar-tab");
 exports.components = {
     button: button_1.button,
     buttonGroup: button_group_1.buttonGroup,
@@ -47,6 +48,7 @@ exports.components = {
     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/package.json

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

package/tests/datagrid-v2.e2e.js

@@ -4,13 +4,34 @@ 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 (t) => {
-    await (0, wait_for_react_1.waitForReact)(10000, t);
+    .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)("Filters", async (t) => {
+(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)
@@ -39,14 +60,27 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     //zavření filtru
     await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
     //kontrola zobrazení chipů
-    await t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Number interval: od 3 do 5").exists).ok();
-    await t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("E-mail: test@uxf.cz").exists).ok();
-    await t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Date: od 10/10/2030 do 10/10/2032").exists).ok();
-    await t
+    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 t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Select:\xa0A").exists).ok();
-    await t.expect((0, testcafe_1.Selector)(".uxf-chip").withText("Multi select:\xa0Option 1, Option 2").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ů
@@ -54,8 +88,8 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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 t.selectText(emailInput);
-    await t.pressKey("delete");
+    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();
@@ -69,5 +103,129 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     //zavření filtrů
     await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
     //kontrola, že se nezobrazují chipy nad datagridem
-    await t.expect((0, testcafe_1.Selector)(".uxf-data-grid__filter-list .uxf-chip").exists).notOk();
+    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/dropzone.e2e.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const testcafe_1 = require("testcafe");
 const components_1 = require("../components");
 const config_1 = require("../config");
+const dropzone_1 = require("../ui/dropzone");
 const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.fixture)("Dropzone")
     .page(config_1.BASE_URL + "/examples/ui/dropzone/Default")
@@ -10,7 +11,86 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     .beforeEach(async (t) => {
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
-(0, testcafe_1.test)("Dropzone", async () => {
+(0, testcafe_1.test)("Dropzone", async (t) => {
     const defaultDropzone = components_1.components.dropzone({ name: "dropzone-disabled-drag-and-drop" });
-    await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
+    await defaultDropzone.shouldExists();
+    await (0, dropzone_1.dropzone)({ name: "fake-dropzone" }).shouldNotExists();
+    await defaultDropzone.shouldNotBeDisabled();
+    // 2x nahrání souborů a check
+    await defaultDropzone.uploadFiles(["./Docx-test.docx", "./Jpg-test.jpg"], 20000);
+    await t.expect((0, testcafe_1.Selector)(".uxf-loader").exists).notOk({ timeout: 20000 });
+    await defaultDropzone.uploadFiles(["./PDF-test.pdf"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["Docx-test.docx", "Jpg-test.jpg", "PDF-test.pdf"]);
+    //odstranění souboru a nahrání stejného souboru
+    await t.setNativeDialogHandler(() => true);
+    await defaultDropzone.removeUploadedFile("Docx-test.docx");
+    await defaultDropzone.uploadedFilesShouldNotExist(["Docx-test.docx"]);
+    await defaultDropzone.uploadFiles(["./Docx-test.docx"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["Docx-test.docx"]);
+    let dialogHandlersHistory = await t.getNativeDialogHistory();
+    await t
+        .expect(dialogHandlersHistory[0].type)
+        .eql("confirm")
+        .expect(dialogHandlersHistory[0].text)
+        .eql("Do you want to delete the file?");
+    //Disabled
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await t.wait(3000);
+    await components_1.components.toggle({ text: "Disabled" }).click();
+    await defaultDropzone.shouldBeDisabled();
+    await defaultDropzone.uploadFiles(["./Docx-test.docx", "Jpg-test.jpg"], 20000);
+    await t.expect((0, testcafe_1.Selector)(".uxf-dropzone-list").find(".uxf-dropzone-list__item").exists).notOk();
+    //Only images upload
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await t.wait(3000);
+    await components_1.components.toggle({ text: "Only images upload" }).click();
+    await defaultDropzone.uploadFiles(["./Docx-test.docx", "./Jpg-test.jpg"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["Jpg-test.jpg"]);
+    await defaultDropzone.uploadedFilesShouldNotExist(["Docx-test.docx"]);
+    //Limit file count 1
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await t.wait(3000);
+    await components_1.components.toggle({ text: "Limit file count" }).click();
+    await defaultDropzone.uploadFiles(["./Docx-test.docx", "Jpg-test.jpg"], 20000);
+    await t.expect((0, testcafe_1.Selector)(".uxf-dropzone-list").find(".uxf-dropzone-list__item").exists).notOk();
+    await defaultDropzone.uploadFiles(["Jpg-test.jpg"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["Jpg-test.jpg"]);
+    await defaultDropzone.uploadedFilesShouldNotExist(["Docx-test.docx"]);
+    dialogHandlersHistory = await t.getNativeDialogHistory();
+    await t
+        .expect(dialogHandlersHistory[0].type)
+        .eql("alert")
+        .expect(dialogHandlersHistory[0].text)
+        .eql("Bylo nahráno příliš mnoho souborů. Maximální počet souborů je 1");
+    //Limit file size 1MB
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await t.wait(3000);
+    await components_1.components.toggle({ text: "Limit file size" }).click();
+    await defaultDropzone.uploadFiles(["./PNG-test.png"], 20000);
+    await t.expect((0, testcafe_1.Selector)(".uxf-dropzone-list").find(".uxf-dropzone-list__item").exists).notOk();
+    await defaultDropzone.uploadFiles(["Jpg-test.jpg"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["Jpg-test.jpg"]);
+    await defaultDropzone.uploadedFilesShouldNotExist(["PNG-test.png"]);
+    dialogHandlersHistory = await t.getNativeDialogHistory();
+    await t
+        .expect(dialogHandlersHistory[0].type)
+        .eql("alert")
+        .expect(dialogHandlersHistory[0].text)
+        .eql("Tyto soubory jsou příliš velké a nebyly nahrány: PNG-test.png");
+    //Limit increase
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await components_1.components.toggle({ text: "Limit file size" }).click();
+    await components_1.components.input({ name: "limit-file-size" }).replace("2");
+    await defaultDropzone.uploadFiles(["./PNG-test.png", "./Jpg-test.jpg"], 20000);
+    await defaultDropzone.uploadedFilesShouldExist(["PNG-test.png", "Jpg-test.jpg"]);
 });

package/tests/toolbar-tab.e2e.d.ts

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

package/tests/toolbar-tab.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 config_1 = require("../config");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Toolbar tab")
+    .page(config_1.BASE_URL + "/examples/data-grid/toolbar-tabs/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Toolbar tab", async () => {
+    await components_1.components.toolbarTab({ text: "All" }).shouldExists();
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).shouldExists();
+    await components_1.components.toolbarTab({ text: "Not all" }).shouldNotExists();
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).click();
+    await components_1.components.toolbarTab({ text: "Only odd ids blablabla" }).shouldBeActive();
+    await components_1.components.toolbarTab({ text: "All" }).shouldNotBeActive();
+});

package/ui/dropzone.d.ts

@@ -9,9 +9,17 @@ export declare function dropzone(finder: DropzoneFinder): {
      *
      * @param filesToUpload cesta k souboru musí začínat ./[název souboru]
      *
+     * @param timeout
      * @example
      * await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
      */
-    uploadFiles(filesToUpload: Array<string>): TestControllerPromise<any>;
+    uploadFiles(filesToUpload: Array<string>, timeout?: number): TestControllerPromise<any>;
+    uploadedFilesShouldExist(uploadedFiles: Array<string>): Promise<void>;
+    uploadedFilesShouldNotExist(uploadedFiles: Array<string>): Promise<void>;
+    removeUploadedFile(fileName: string): Promise<void>;
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
 };
 export {};

package/ui/dropzone.js

@@ -5,7 +5,7 @@ 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")
+        .find(".uxf-dropzone__input")
         .withAttribute("name", finder.name)
         .with({ visibilityCheck: false });
     return {
@@ -15,12 +15,56 @@ function dropzone(finder) {
          *
          * @param filesToUpload cesta k souboru musí začínat ./[název souboru]
          *
+         * @param timeout
          * @example
          * await defaultDropzone.uploadFiles(["./Jpg-test.jpg"]);
          */
-        uploadFiles(filesToUpload) {
-            return testcafe_1.t.setFilesToUpload(dropzoneSelector, filesToUpload);
+        uploadFiles(filesToUpload, timeout = 10000) {
+            return testcafe_1.t
+                .setFilesToUpload(dropzoneSelector, filesToUpload)
+                .expect(dropzoneSelector.parent(".uxf-dropzone").nextSibling(".uxf-dropzone-list").find(".uxf-loader")
+                .exists)
+                .notOk(`The loader ('.uxf-loader') is still visible after ${timeout}ms.`, { timeout });
+        },
+        async uploadedFilesShouldExist(uploadedFiles) {
+            await uploadedFiles.reduce((promise, file) => promise.then(() => testcafe_1.t
+                .expect((0, testcafe_1.Selector)(".uxf-dropzone-list").find("li").withText(file).exists)
+                .ok(`File "${file}" does not exists but it should exists in dropzone ${finder.name}`, {
+                timeout: 5000,
+            })), Promise.resolve());
+        },
+        async uploadedFilesShouldNotExist(uploadedFiles) {
+            await uploadedFiles.reduce((promise, file) => promise.then(() => testcafe_1.t
+                .expect((0, testcafe_1.Selector)(".uxf-dropzone-list").find("li").withText(file).exists)
+                .notOk(`File "${file}" exists but it should not exists in dropzone ${finder.name}`)), Promise.resolve());
+        },
+        async removeUploadedFile(fileName) {
+            await testcafe_1.t.click(dropzoneSelector
+                .parent(".uxf-dropzone")
+                .nextSibling(".uxf-dropzone-list")
+                .find(".uxf-dropzone-list__item")
+                .withText(fileName)
+                .find(".uxf-dropzone-list__item__block__remove-button__icon"));
+        },
+        shouldExists() {
+            return testcafe_1.t
+                .expect(dropzoneSelector.exists)
+                .ok(`Dropzone with name ${finder.name} not exists or was not found should exists`);
+        },
+        shouldNotExists() {
+            return testcafe_1.t
+                .expect(dropzoneSelector.exists)
+                .notOk(`Dropzone with name ${finder.name} exists but it should not exists`);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t
+                .expect(dropzoneSelector.parent().hasClass("is-disabled"))
+                .ok(`Dropzone with name ${finder.name} should be disabled but it is not disabled`);
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t
+                .expect(dropzoneSelector.parent().hasClass("is-disabled"))
+                .notOk(`Dropzone with name ${finder.name} should not be disabled but it is disabled`);
         },
-        //TODO v ui kitu nové featury - dodělate metody a test
     };
 }

package/ui/select.d.ts

@@ -2,7 +2,7 @@ import { BaseFinder } from "../utils/base-finder";
 interface SelectInputFinder extends BaseFinder {
     dataName: string;
 }
-export declare function select(finder: SelectInputFinder): {
+export declare function select(finder: SelectInputFinder, selectIndex?: number): {
     selectNthItem(nth: number): TestControllerPromise<any>;
     selectItemWithText(optionText: string, nth?: number): TestControllerPromise<any>;
     shouldHaveValue(value: string): TestControllerPromise<any>;

package/ui/select.js

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.select = select;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
-function select(finder) {
+function select(finder, selectIndex = 0) {
     const buttonSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-select")
         .withAttribute("data-name", finder.dataName)
+        .nth(selectIndex)
         .find("div.uxf-input__element");
     return {
         selectNthItem(nth) {

package/ui/toolbar-tab.d.ts

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

package/ui/toolbar-tab.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbarTab = toolbarTab;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function toolbarTab(finder) {
+    var _a;
+    const selector = (0, create_selector_1.createSelector)(finder)
+        .find(".uxf-data-grid__toolbar-tab")
+        .withExactText(finder.text)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
+    return {
+        click() {
+            return testcafe_1.t.click(selector);
+        },
+        shouldExists() {
+            return testcafe_1.t
+                .expect(selector.exists)
+                .ok(`Toolbar tab with text ${finder.text} should exists but it was not found.`);
+        },
+        shouldNotExists() {
+            return testcafe_1.t
+                .expect(selector.exists)
+                .notOk(`Toolbar tab with text ${finder.text} should not exists but it was found`);
+        },
+        shouldNotBeActive() {
+            return testcafe_1.t
+                .expect(selector.hasClass("is-active"))
+                .notOk(`Toolbar tab with text ${finder.text} should not be selected but it is active.`);
+        },
+        shouldBeActive() {
+            return testcafe_1.t
+                .expect(selector.hasClass("is-active"))
+                .ok(`Toolbar tab with text ${finder.text} should be selected bu it is not active.`);
+        },
+    };
+}