@uxf/e2e 11.74.5 → 11.76.0

package/package.json

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

package/tests/checkbox-input.e2e.js

@@ -11,12 +11,12 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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" });
+    const defaultCheckboxInput = components_1.components.checkboxInput({ name: "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();
+    await components_1.components.checkboxInput({ name: "checkbox-input-disabled" }).shouldBeDisabled();
+    await components_1.components.checkboxInput({ name: "checkbox-input-disabled" }).click();
+    await components_1.components.checkboxInput({ name: "checkbox-input-disabled" }).shouldNotBeChecked();
 });

package/tests/combobox.e2e.js

@@ -11,19 +11,19 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
 (0, testcafe_1.test)("Combobox", async () => {
-    const defaultCombobox = components_1.components.combobox({ dataName: "firstname" });
+    const defaultCombobox = components_1.components.combobox({ name: "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 components_1.components.combobox({ name: "combobox-required" }).shouldBeInvalid(1000);
+    await components_1.components.combobox({ name: "combobox-required" }).shouldShowInvalidText("Toto pole je povinné");
+    await components_1.components.combobox({ name: "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 components_1.components.combobox({ name: "combobox-required" }).replace("Option three");
+    await components_1.components.combobox({ name: "combobox-required" }).shouldHaveValue("Option three", 1000);
+    await components_1.components.combobox({ name: "combobox-disabled" }).shouldBeDisabled(1000);
+    await components_1.components.combobox({ name: "firstname" }).shouldNotBeDisabled(1000);
     await (0, testcafe_1.ClientFunction)(() => {
         document.location.reload();
     })();

package/tests/datagrid-v2.e2e.js

@@ -43,20 +43,20 @@ const isElementInViewport = (0, testcafe_1.ClientFunction)((selector) => {
     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");
+    await components_1.components.datePickerInput({ name: "date.from" }).selectDate(10, 10, 2030);
+    await components_1.components.datePickerInput({ name: "date.from" }).shouldHaveValue("10. 10. 2030");
+    await components_1.components.datePickerInput({ name: "date.to" }).selectDate(10, 10, 2032);
+    await components_1.components.datePickerInput({ name: "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");
+    await components_1.components.datetimePickerInput({ name: "datetime.from" }).selectDatetime(10, 10, 2030, 10, 30);
+    await components_1.components.datetimePickerInput({ name: "datetime.from" }).shouldHaveValue("10. 10. 2030 10:30");
+    await components_1.components.datetimePickerInput({ name: "datetime.to" }).selectDatetime(10, 10, 2032, 12, 0);
+    await components_1.components.datetimePickerInput({ name: "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");
+    await components_1.components.select({ name: "select" }).selectItemWithText("A");
+    await components_1.components.select({ name: "select" }).shouldHaveValue("A");
     //multi select
-    await components_1.components.multiSelect({ dataName: "multiSelect" }).selectItemsByText(["Option 1", "Option 2"]);
+    await components_1.components.multiSelect({ name: "multiSelect" }).selectItemsByText(["Option 1", "Option 2"]);
     //zavření filtru
     await components_1.components.iconButton({ iconName: "icon-sprite--xmark" }).click();
     //kontrola zobrazení chipů
@@ -91,15 +91,15 @@ const isElementInViewport = (0, testcafe_1.ClientFunction)((selector) => {
     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();
+    await components_1.components.datePickerInput({ name: "date.from" }).clear();
+    await components_1.components.datePickerInput({ name: "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();
+    await components_1.components.datetimePickerInput({ name: "datetime.from" }).clear();
+    await components_1.components.datetimePickerInput({ name: "datetime.to" }).clear();
     //smazání hodnoty ze selectu
-    await components_1.components.select({ dataName: "select" }).clear();
+    await components_1.components.select({ name: "select" }).clear();
     //smazání honot z multi selectu
-    await components_1.components.multiSelect({ dataName: "multiSelect" }).removeItemsByText(["Option 1", "Option 2"]);
+    await components_1.components.multiSelect({ name: "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
@@ -193,7 +193,7 @@ async function columnsNotExist() {
         .nextSibling()
         .withText("Id").exists)
         .ok();
-    await components_1.components.toggle({ text: "Id" }).click();
+    await components_1.components.toggle({ name: "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();
@@ -221,11 +221,11 @@ async function columnsNotExist() {
 });
 (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();
+    await components_1.components.checkboxInput({ name: "select-all-rows" }).click();
+    await components_1.components.checkboxInput({ name: "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();
+    await components_1.components.checkboxInput({ name: "select-all-rows" }).shouldNotBeChecked();
 });

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

@@ -11,7 +11,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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" });
+    const defaultDatePickerInput = components_1.components.datePickerInput({ name: "date" });
     await defaultDatePickerInput.shouldBeEmpty();
     await defaultDatePickerInput.shouldNotBeDisabled();
     await defaultDatePickerInput.selectDate(1, 1, 2024);
@@ -19,10 +19,10 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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 components_1.components.datePickerInput({ name: "date-disabled" }).shouldBeDisabled();
+    await components_1.components.datePickerInput({ name: "date-disabled" }).selectDate(8, 1, 2024);
+    await components_1.components.datePickerInput({ name: "date-disabled" }).shouldHaveValue("5. 12. 2025");
+    await components_1.components.datePickerInput({ name: "date-invalid" }).shouldBeInvalid();
     await defaultDatePickerInput.clear();
     await defaultDatePickerInput.shouldBeEmpty();
 });

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

@@ -11,17 +11,17 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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" });
+    const defaultDatetimePickerInput = components_1.components.datetimePickerInput({ name: "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 components_1.components.datetimePickerInput({ name: "date-disabled" }).shouldBeDisabled();
+    await components_1.components.datetimePickerInput({ name: "date-disabled" }).replace(8, 1, 2024, 14, 5);
+    await components_1.components.datetimePickerInput({ name: "date-disabled" }).shouldHaveValue("5. 12. 2025 13:05");
+    await components_1.components.datetimePickerInput({ name: "date-invalid" }).shouldBeInvalid();
     await defaultDatetimePickerInput.clear();
     await defaultDatetimePickerInput.shouldBeEmpty();
 });

package/tests/dropzone.e2e.js

@@ -38,7 +38,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
         document.location.reload();
     })();
     await t.wait(3000);
-    await components_1.components.toggle({ text: "Disabled" }).click();
+    await components_1.components.toggle({ name: "is-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();
@@ -47,7 +47,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
         document.location.reload();
     })();
     await t.wait(3000);
-    await components_1.components.toggle({ text: "Only images upload" }).click();
+    await components_1.components.toggle({ name: "only-images" }).click();
     await defaultDropzone.uploadFiles(["./Docx-test.docx", "./Jpg-test.jpg"], 20000);
     await defaultDropzone.uploadedFilesShouldExist(["Jpg-test.jpg"]);
     await defaultDropzone.uploadedFilesShouldNotExist(["Docx-test.docx"]);
@@ -56,7 +56,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
         document.location.reload();
     })();
     await t.wait(3000);
-    await components_1.components.toggle({ text: "Limit file count" }).click();
+    await components_1.components.toggle({ name: "file-count-limit" }).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);
@@ -73,7 +73,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
         document.location.reload();
     })();
     await t.wait(3000);
-    await components_1.components.toggle({ text: "Limit file size" }).click();
+    await components_1.components.toggle({ name: "file-size-limit" }).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);
@@ -89,7 +89,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, testcafe_1.ClientFunction)(() => {
         document.location.reload();
     })();
-    await components_1.components.toggle({ text: "Limit file size" }).click();
+    await components_1.components.toggle({ name: "file-size-limit" }).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/icon-button.e2e.js

@@ -15,6 +15,6 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await components_1.components.iconButton({ iconName: "whatever-icon" }).shouldNotExists();
     await components_1.components.iconButton({ iconName: "icon-sprite--user" }).click();
     await components_1.components.iconButton({ iconName: "icon-sprite--user" }).shouldNotBeDisabled();
-    await components_1.components.toggle({ text: "Disabled" }).click();
+    await components_1.components.toggle({ name: "is-disabled" }).click();
     await components_1.components.iconButton({ iconName: "icon-sprite--user" }).shouldBeDisabled();
 });

package/tests/multi-combobox.e2e.js

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

package/tests/multi-select.e2e.js

@@ -11,7 +11,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
 (0, testcafe_1.test)("Multi select", async () => {
-    const defaultMultiSelect = components_1.components.multiSelect({ dataName: "multi-select" });
+    const defaultMultiSelect = components_1.components.multiSelect({ name: "multi-select" });
     await defaultMultiSelect.shouldExist();
     await defaultMultiSelect.selectItemsByText(["Option red", "Option blue", "Option four", "Option green"]);
     await defaultMultiSelect.shouldHaveValues(["Option red", "Option blue", "Option four", "Option green"]);
@@ -27,6 +27,6 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await defaultMultiSelect.removeItemsByIndex([2]);
     await defaultMultiSelect.shouldNotHaveValues(["Option red", "Option blue"]);
     await defaultMultiSelect.shouldHaveValues(["Option four", "Option green", "Option nine"]);
-    await components_1.components.multiSelect({ dataName: "multi-select-disabled" }).shouldBeDisabled();
-    await components_1.components.multiSelect({ dataName: "multi-select-invalid" }).shouldBeInvalid();
+    await components_1.components.multiSelect({ name: "multi-select-disabled" }).shouldBeDisabled();
+    await components_1.components.multiSelect({ name: "multi-select-invalid" }).shouldBeInvalid();
 });

package/tests/radio-group.e2e.js

@@ -11,7 +11,7 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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");
+    await components_1.components.radioGroup({ name: "radio-group" }).selectByText("Radio two");
+    await components_1.components.radioGroup({ name: "radio-group" }).shouldBeSelected("Radio two");
+    await components_1.components.radioGroup({ name: "radio-group" }).shouldNotBeSelected("Radio one");
 });

package/tests/select.e2e.js

@@ -12,14 +12,14 @@ 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({ dataName: "select" });
+    const defaultSelect = components_1.components.select({ name: "select" });
     await defaultSelect.shouldBeEmpty();
     await defaultSelect.selectNthItem(2);
     await defaultSelect.shouldHaveValue("Option three");
     await defaultSelect.shouldNotBeEmpty();
     await defaultSelect.shouldExists();
-    await (0, select_1.select)({ dataName: "test" }).shouldNotExists();
-    await (0, select_1.select)({ dataName: "select-disabled" }).shouldBeDisabled();
+    await (0, select_1.select)({ name: "test" }).shouldNotExists();
+    await (0, select_1.select)({ name: "select-disabled" }).shouldBeDisabled();
     await defaultSelect.shouldNotBeDisabled();
     await defaultSelect.selectItemWithText("Option six");
     await defaultSelect.shouldHaveValue("Option six");

package/tests/textarea.e2e.js

@@ -11,12 +11,12 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
 (0, testcafe_1.test)("Textarea", async () => {
-    const defaultTextarea = components_1.components.textarea({ dataName: "text-area" });
+    const defaultTextarea = components_1.components.textarea({ name: "text-area" });
     await defaultTextarea.shouldNotBeDisabled();
     await defaultTextarea.type("Value");
     await defaultTextarea.shouldHaveValue("testValue");
     await defaultTextarea.replace("suffix");
     await defaultTextarea.shouldHaveValue("suffix");
-    await components_1.components.textarea({ dataName: "text-area-diabled" }).shouldBeDisabled();
-    await components_1.components.textarea({ dataName: "text-area-read-only" }).shouldBeReadonly();
+    await components_1.components.textarea({ name: "text-area-diabled" }).shouldBeDisabled();
+    await components_1.components.textarea({ name: "text-area-read-only" }).shouldBeReadonly();
 });

package/tests/toggle.e2e.js

@@ -11,11 +11,11 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     await (0, wait_for_react_1.waitForReact)(10000, t);
 });
 (0, testcafe_1.test)("UI Toggle", async () => {
-    await components_1.components.toggle({ text: "Default" }).shouldExists();
-    await components_1.components.toggle({ text: "example?" }).shouldNotExists();
-    await components_1.components.toggle({ text: "Default" }).shouldNotBeDisabled();
-    await components_1.components.toggle({ text: "Default" }).shouldBeSelected();
-    await components_1.components.toggle({ text: "Default" }).click();
-    await components_1.components.toggle({ text: "Default" }).shouldNotBeSelected();
-    await components_1.components.toggle({ text: "Disabled" }).shouldBeDisabled();
+    await components_1.components.toggle({ name: "toggle-default" }).shouldExists();
+    await components_1.components.toggle({ name: "toggle-not-exists-on-page" }).shouldNotExists();
+    await components_1.components.toggle({ name: "toggle-default" }).shouldNotBeDisabled();
+    await components_1.components.toggle({ name: "toggle-disabled" }).shouldBeSelected();
+    await components_1.components.toggle({ name: "toggle-default" }).click();
+    await components_1.components.toggle({ name: "toggle-default" }).shouldNotBeSelected();
+    await components_1.components.toggle({ name: "toggle-disabled" }).shouldBeDisabled();
 });

package/ui/checkbox-input.d.ts

@@ -1,7 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface CheckboxInputFinder extends BaseFinder {
-    dataName: string;
-}
+import { FormComponentFinder } from "../utils/base-finder";
+type CheckboxInputFinder = FormComponentFinder;
 export declare function checkboxInput(finder: CheckboxInputFinder): {
     click(): TestControllerPromise<any>;
     shouldBeChecked(): TestControllerPromise<any>;

package/ui/checkbox-input.js

@@ -7,7 +7,7 @@ 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);
+        .withAttribute("data-name", finder.name);
     return {
         click() {
             return testcafe_1.t.click(checkboxInputSelector);

package/ui/combobox.d.ts

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface ComboboxFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface ComboboxFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function combobox(finder: ComboboxFinder): {

package/ui/combobox.js

@@ -7,7 +7,7 @@ function combobox(finder) {
     var _a;
     const comboboxSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-combobox")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
         .find(".uxf-form-component__input");
     return {

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

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface DatePickerInputFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface DatePickerInputFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function datePickerInput(finder: DatePickerInputFinder): {

package/ui/date-picker-input.js

@@ -7,7 +7,7 @@ function datePickerInput(finder) {
     var _a;
     const datepickerInputSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-date-picker-input")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         selectDate(DD, MM, YYYY) {

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

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface DatetimePickerInputFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface DatetimePickerInputFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function datetimePickerInput(finder: DatetimePickerInputFinder): {

package/ui/datetime-picker-input.js

@@ -7,7 +7,7 @@ function datetimePickerInput(finder) {
     var _a;
     const datetimepickerInputSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-date-time-picker-input")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         selectDatetime(DD, MM, YYYY, hr, min) {

package/ui/dropzone.d.ts

@@ -1,7 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface DropzoneFinder extends BaseFinder {
-    name: string;
-}
+import { FormComponentFinder } from "../utils/base-finder";
+type DropzoneFinder = FormComponentFinder;
 export declare function dropzone(finder: DropzoneFinder): {
     /**
      * V projektu vytvořit složku \_uploads_ v root složce a do ní nahrát soubory.

package/ui/input.d.ts

@@ -1,7 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface InputFinder extends BaseFinder {
-    name: string;
-}
+import { FormComponentFinder } from "../utils/base-finder";
+type InputFinder = FormComponentFinder;
 export declare function input(finder: InputFinder): {
     type(value: string): TestControllerPromise<any>;
     replace(value: string): TestControllerPromise<any>;

package/ui/multi-combobox.d.ts

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface MultiComboboxFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface MultiComboboxFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function multiCombobox(finder: MultiComboboxFinder): {

package/ui/multi-combobox.js

@@ -7,7 +7,7 @@ function multiCombobox(finder) {
     var _a;
     const multiComboboxSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-multi-combobox")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
         .find(".uxf-multi-combobox__button");
     return {

package/ui/multi-select.d.ts

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface MultiSelectFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface MultiSelectFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function multiSelect(finder: MultiSelectFinder): {

package/ui/multi-select.js

@@ -7,7 +7,7 @@ function multiSelect(finder) {
     var _a;
     const multiSelectSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-multi-select")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
         .find(".uxf-multi-select__button");
     return {

package/ui/radio-group.d.ts

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

package/ui/radio-group.js

@@ -4,7 +4,7 @@ exports.radioGroup = radioGroup;
 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);
+    const radioGroupSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-radio-group").withAttribute("data-name", finder.name);
     return {
         selectByText(text) {
             return testcafe_1.t.click(radioGroupSelector.find(".uxf-radio-group__option").withText(text));

package/ui/select.d.ts

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

package/ui/select.js

@@ -6,7 +6,7 @@ const create_selector_1 = require("../utils/create-selector");
 function select(finder, selectIndex = 0) {
     const buttonSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-select")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth(selectIndex)
         .find("div.uxf-input__element");
     return {
@@ -33,10 +33,10 @@ function select(finder, selectIndex = 0) {
             return testcafe_1.t.expect(buttonSelector.parent(1).hasClass("is-disabled")).notOk();
         },
         shouldExists() {
-            return testcafe_1.t.expect(buttonSelector.exists).ok(`Select with data-name: ${finder.dataName} should exists`);
+            return testcafe_1.t.expect(buttonSelector.exists).ok(`Select with data-name: ${finder.name} should exists`);
         },
         shouldNotExists() {
-            return testcafe_1.t.expect(buttonSelector.exists).notOk(`Select with data-name: ${finder.dataName} should not exists`);
+            return testcafe_1.t.expect(buttonSelector.exists).notOk(`Select with data-name: ${finder.name} should not exists`);
         },
         clear() {
             return testcafe_1.t.click(buttonSelector.nextSibling().find(".uxf-input__remove-button"));

package/ui/text-input.d.ts

@@ -1,7 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface TextInputFinder extends BaseFinder {
-    name: string;
-}
+import { FormComponentFinder } from "../utils/base-finder";
+type TextInputFinder = FormComponentFinder;
 export declare function textInput(finder: TextInputFinder): {
     type(value: string): TestControllerPromise<any>;
     replace(value: string): TestControllerPromise<any>;

package/ui/textarea.d.ts

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface TextareaFinder extends BaseFinder {
-    dataName: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface TextareaFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function textarea(finder: TextareaFinder): {

package/ui/textarea.js

@@ -7,7 +7,7 @@ function textarea(finder) {
     var _a;
     const textareaSelector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-textarea")
-        .withAttribute("data-name", finder.dataName)
+        .withAttribute("data-name", finder.name)
         .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         type(value) {

package/ui/toggle.d.ts

@@ -1,6 +1,5 @@
-import { BaseFinder } from "../utils/base-finder";
-interface ToggleFinder extends BaseFinder {
-    text: string;
+import { FormComponentFinder } from "../utils/base-finder";
+interface ToggleFinder extends FormComponentFinder {
     nth?: number;
 }
 export declare function toggle(finder: ToggleFinder): {

package/ui/toggle.js

@@ -7,40 +7,40 @@ function toggle(finder) {
     var _a;
     const selector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-toggle__wrapper")
-        .withExactText(finder.text)
-        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0)
-        .find("button");
+        .withAttribute("data-name", finder.name)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
+    const buttonSelector = selector.find("button");
     return {
         click() {
-            return testcafe_1.t.click(selector);
+            return testcafe_1.t.click(buttonSelector);
         },
         shouldExists() {
-            return testcafe_1.t.expect(selector.exists).ok(`Toggle with text ${finder.text} should exists but it was not found.`);
+            return testcafe_1.t.expect(selector.exists).ok(`Toggle with text ${finder.name} should exists but it was not found.`);
         },
         shouldNotExists() {
             return testcafe_1.t
                 .expect(selector.exists)
-                .notOk(`Toggle with text ${finder.text} should not exists but it was found`);
+                .notOk(`Toggle with text ${finder.name} should not exists but it was found`);
         },
         shouldBeDisabled() {
             return testcafe_1.t
-                .expect(selector.hasClass("is-disabled"))
-                .ok(`Toggle with text ${finder.text} should be disabled but it is not disabled or not found.`);
+                .expect(buttonSelector.hasClass("is-disabled"))
+                .ok(`Toggle with text ${finder.name} should be disabled but it is not disabled or not found.`);
         },
         shouldNotBeDisabled() {
             return testcafe_1.t
-                .expect(selector.hasClass("is-disabled"))
-                .notOk(`Toggle with text ${finder.text} should be enabled but it is disabled or not found.`);
+                .expect(buttonSelector.hasClass("is-disabled"))
+                .notOk(`Toggle with text ${finder.name} should be enabled but it is disabled or not found.`);
         },
         shouldNotBeSelected() {
             return testcafe_1.t
-                .expect(selector.hasClass("is-selected"))
-                .notOk(`Toggle with text ${finder.text} should not be selected but it is selected.`);
+                .expect(buttonSelector.hasClass("is-selected"))
+                .notOk(`Toggle with text ${finder.name} should not be selected but it is selected.`);
         },
         shouldBeSelected() {
             return testcafe_1.t
-                .expect(selector.hasClass("is-selected"))
-                .ok(`Toggle with text ${finder.text} should be selected bu it is not selected.`);
+                .expect(buttonSelector.hasClass("is-selected"))
+                .ok(`Toggle with text ${finder.name} should be selected bu it is not selected.`);
         },
     };
 }

package/utils/base-finder.d.ts

@@ -1,3 +1,6 @@
 export type BaseFinder = {
     parent?: Selector;
 };
+export interface FormComponentFinder extends BaseFinder {
+    name: string;
+}