@uxf/e2e 11.35.0 → 11.36.0

package/components.d.ts

@@ -9,6 +9,7 @@ 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";
@@ -18,6 +19,7 @@ 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";
 export declare const components: {
     button: typeof button;
     buttonGroup: typeof buttonGroup;
@@ -29,6 +31,7 @@ export declare const components: {
     flashMessage: typeof flashMessage;
     checkboxButton: typeof checkboxButton;
     checkboxInput: typeof checkboxInput;
+    iconButton: typeof iconButton;
     input: typeof input;
     message: typeof message;
     modal: typeof modal;
@@ -38,6 +41,7 @@ export declare const components: {
     textarea: typeof textarea;
     textInput: typeof textInput;
     textLink: typeof textLink;
+    toggle: typeof toggle;
     cms: {
         menu: typeof menu;
     };

package/components.js

@@ -12,6 +12,7 @@ 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");
@@ -21,6 +22,7 @@ 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");
 exports.components = {
     button: button_1.button,
     buttonGroup: button_group_1.buttonGroup,
@@ -32,6 +34,7 @@ exports.components = {
     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,
@@ -41,6 +44,7 @@ exports.components = {
     textarea: textarea_1.textarea,
     textInput: text_input_1.textInput,
     textLink: text_link_1.textLink,
+    toggle: toggle_1.toggle,
     cms: {
         menu: menu_1.menu,
     },

package/package.json

@@ -1,23 +1,23 @@
 {
-  "name": "@uxf/e2e",
-  "version": "11.35.0",
-  "description": "UXF TestCafe helpers",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "npm run compile",
-    "compile": "tsc -P tsconfig.json",
-    "e2e": "../../node_modules/.bin/testcafe chrome ./tests",
-    "e2e:dev": "../../node_modules/.bin/testcafe chrome ./tests --live",
-    "typecheck": "../../node_modules/.bin/tsc --noEmit --skipLibCheck"
-  },
-  "author": "UX Fans s.r.o",
-  "license": "MIT",
-  "devDependencies": {
-    "testcafe": "3.6.2"
-  },
-  "peerDependencies": {
-    "testcafe": "3.6.2"
-  }
-}
+    "name": "@uxf/e2e",
+    "version": "11.36.0",
+    "description": "UXF TestCafe helpers",
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "build": "npm run compile",
+        "compile": "tsc -P tsconfig.json",
+        "e2e": "../../node_modules/.bin/testcafe chrome ./tests",
+        "e2e:dev": "../../node_modules/.bin/testcafe chrome ./tests --live",
+        "typecheck": "../../node_modules/.bin/tsc --noEmit --skipLibCheck"
+    },
+    "author": "UX Fans s.r.o",
+    "license": "MIT",
+    "devDependencies": {
+        "testcafe": "3.6.2"
+    },
+    "peerDependencies": {
+        "testcafe": "3.6.2"
+    }
+}

package/tests/button.e2e.js

@@ -3,13 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const testcafe_1 = require("testcafe");
 const components_1 = require("../components");
 const wait_for_react_1 = require("../utils/wait-for-react");
-(0, testcafe_1.fixture)("Home page")
+(0, testcafe_1.fixture)("Button")
     .page("https://fe.uxf.dev/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/combobox.e2e.js

@@ -4,17 +4,28 @@ const testcafe_1 = require("testcafe");
 const components_1 = require("../components");
 const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.fixture)("Combobox")
-    .page("https://fe.uxf.dev/examples/ui/combobox/Default")
+    .page("https://fe.uxf.dev/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: "combobox" });
+    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();
+    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();
     await defaultCombobox.shouldBeEmpty();
     await defaultCombobox.selectItemWithTextFromDropdown("Option one");
     await defaultCombobox.shouldHaveValue("Option one");
-    await components_1.components.combobox({ dataName: "combobox", nth: 1 }).replace("Option three");
-    await components_1.components.combobox({ dataName: "combobox", nth: 1 }).shouldHaveValue("Option three");
+    await components_1.components.combobox({ dataName: "combobox-required" }).replace("Option three");
+    await components_1.components.combobox({ dataName: "combobox-required" }).shouldHaveValue("Option three");
+    await components_1.components.combobox({ dataName: "combobox-disabled" }).shouldBeDisabled();
+    await components_1.components.combobox({ dataName: "firstname" }).shouldNotBeDisabled();
+    await (0, testcafe_1.ClientFunction)(() => {
+        document.location.reload();
+    })();
+    await defaultCombobox.typeTextAndSelectItemByIndex("Option t");
+    await defaultCombobox.shouldHaveValue("Option two");
 });

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

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

package/tests/icon-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 wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Icon button")
+    .page("https://fe.uxf.dev/examples/ui/icon-button/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Icon Button", async () => {
+    await components_1.components.iconButton({ iconName: "icon-sprite--user" }).shouldExists();
+    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.iconButton({ iconName: "icon-sprite--user" }).shouldBeDisabled();
+});

package/tests/select.e2e.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const testcafe_1 = require("testcafe");
 const components_1 = require("../components");
+const select_1 = require("../ui/select");
 const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.fixture)("Select")
     .page("https://fe.uxf.dev/examples/ui/select/Default")
@@ -15,4 +16,10 @@ const wait_for_react_1 = require("../utils/wait-for-react");
     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 defaultSelect.shouldNotBeDisabled();
+    await defaultSelect.selectItemWithText("Option six");
+    await defaultSelect.shouldHaveValue("Option six");
 });

package/tests/sidebar-menu.e2e.js

@@ -32,7 +32,6 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 });
 (0, testcafe_1.test)("Menu mobile", async () => {
     await testcafe_1.t.resizeWindow(390, 844);
-    await testcafe_1.t.setTestSpeed(0.5);
     await components_1.components.textInput({ name: "username" }).type("root@uxf.cz");
     await components_1.components.textInput({ name: "password" }).type("root");
     await components_1.components.button({ text: "Přihlásit se" }).click();

package/tests/text-input.e2e.js

@@ -12,11 +12,13 @@ const wait_for_react_1 = require("../utils/wait-for-react");
 (0, testcafe_1.test)("Text input", async () => {
     const defaultInput = components_1.components.textInput({ name: "default" });
     await defaultInput.shouldNotBeDisabled();
-    await defaultInput.type("Value");
-    await defaultInput.shouldHaveValue("Value");
-    await defaultInput.type(" suffix");
-    await defaultInput.shouldHaveValue("Value suffix");
+    await defaultInput.type("Lorem");
+    await defaultInput.shouldHaveValue("Lorem");
+    await defaultInput.type(" ipsum");
+    await defaultInput.shouldHaveValue("Lorem ipsum");
     await defaultInput.replace("Replaced value");
     await defaultInput.shouldHaveValue("Replaced value");
+    await defaultInput.shouldExist();
+    await components_1.components.textInput({ name: "defaultt" }).shouldNotExist();
     await components_1.components.textInput({ name: "disabled" }).shouldBeDisabled();
 });

package/tests/toggle.e2e.d.ts

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

package/tests/toggle.e2e.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Toggle")
+    .page("https://fe.uxf.dev/examples/ui/toggle/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("UI Toggle", async () => {
+    await components_1.components.toggle({ text: "Opravdu?" }).shouldExists();
+    await components_1.components.toggle({ text: "example?" }).shouldNotExists();
+    await components_1.components.toggle({ text: "Opravdu?" }).shouldNotBeDisabled();
+    await components_1.components.toggle({ text: "Opravdu?" }).shouldBeSelected();
+    await components_1.components.toggle({ text: "Opravdu?" }).click();
+    await components_1.components.toggle({ text: "Opravdu?" }).shouldNotBeSelected();
+    await components_1.components.toggle({ text: "Disabled" }).shouldBeDisabled();
+});

package/ui/button.d.ts

@@ -7,6 +7,7 @@ export declare function button(finder: ButtonFinder): {
     click(): TestControllerPromise<any>;
     shouldExists(): TestControllerPromise<any>;
     shouldNotExists(): TestControllerPromise<any>;
-    shouldBeDisabled(): void;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
 };
 export {};

package/ui/button.js

@@ -14,13 +14,20 @@ function button(finder) {
             return testcafe_1.t.click(selector);
         },
         shouldExists() {
-            return testcafe_1.t.expect(selector.exists).ok();
+            return testcafe_1.t.expect(selector.exists).ok(`Button ${finder.text} should exists but it does not exists`);
         },
         shouldNotExists() {
-            return testcafe_1.t.expect(selector.exists).notOk();
+            return testcafe_1.t.expect(selector.exists).notOk(`Button ${finder.text} should not exists but it exists`);
         },
         shouldBeDisabled() {
-            // TODO
+            return testcafe_1.t
+                .expect(selector.hasClass("uxf-button--is-disabled"))
+                .ok(`Button ${finder.text} should be disabled but is not disabled`);
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t
+                .expect(selector.hasClass("uxf-button--is-disabled"))
+                .notOk(`Button ${finder.text} should not disabled but is disabled`);
         },
     };
 }

package/ui/combobox.d.ts

@@ -10,5 +10,10 @@ export declare function combobox(finder: ComboboxFinder): {
     shouldHaveValue(value: string): TestControllerPromise<any>;
     shouldBeEmpty(): TestControllerPromise<any>;
     replace(optionText: string, index?: number): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldBeInvalid(): TestControllerPromise<any>;
+    shouldShowInvalidText(errorText: string): TestControllerPromise<any>;
+    shouldBeRequired(): TestControllerPromise<any>;
 };
 export {};

package/ui/combobox.js

@@ -33,5 +33,20 @@ function combobox(finder) {
                 .typeText(comboboxSelector, optionText, { replace: true })
                 .click((0, testcafe_1.Selector)("li.uxf-dropdown__item").nth(index));
         },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t.expect(comboboxSelector.find("div").hasClass("is-disabled")).notOk();
+        },
+        shouldBeInvalid() {
+            return testcafe_1.t.expect(comboboxSelector.parent().hasClass("is-invalid")).ok();
+        },
+        shouldShowInvalidText(errorText) {
+            return testcafe_1.t.expect(comboboxSelector.innerText).contains(errorText);
+        },
+        shouldBeRequired() {
+            return testcafe_1.t.expect(comboboxSelector.parent().hasClass("is-required")).ok();
+        },
     };
 }

package/ui/date-picker-input.js

@@ -26,7 +26,7 @@ function datePickerInput(finder) {
             return testcafe_1.t.expect(datepickerInputSelector.hasClass("is-disabled")).notOk();
         },
         shouldBeInvalid() {
-            return testcafe_1.t.expect(datepickerInputSelector.hasAttribute("disabled")).notOk();
+            return testcafe_1.t.expect(datepickerInputSelector.hasClass("is-invalid")).ok();
         },
         clear() {
             return testcafe_1.t.click(datepickerInputSelector.find(".uxf-input__remove-button-inner"));

package/ui/dropzone.js

@@ -21,5 +21,6 @@ function dropzone(finder) {
         uploadFiles(filesToUpload) {
             return testcafe_1.t.setFilesToUpload(dropzoneSelector, filesToUpload);
         },
+        //TODO v ui kitu nové featury - dodělate metody a test
     };
 }

package/ui/flash-message.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flashMessage = flashMessage;
-const empty_object_1 = require("@uxf/core/constants/empty-object");
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
 function flashMessage(finder) {
-    const FlashMessageSelector = (0, create_selector_1.createSelector)(finder !== null && finder !== void 0 ? finder : empty_object_1.EMPTY_OBJECT).find(".uxf-flash-messages");
+    const FlashMessageSelector = (0, create_selector_1.createSelector)(finder !== null && finder !== void 0 ? finder : {}).find(".uxf-flash-messages");
     return {
         shouldExists() {
             return testcafe_1.t.expect(FlashMessageSelector.exists).ok();

package/ui/icon-button.d.ts

@@ -0,0 +1,13 @@
+import { BaseFinder } from "../utils/base-finder";
+interface IconFinder extends BaseFinder {
+    iconName: string;
+    nth?: number;
+}
+export declare function iconButton(finder: IconFinder): {
+    click(): TestControllerPromise<any>;
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+};
+export {};

package/ui/icon-button.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconButton = iconButton;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function iconButton(finder) {
+    var _a;
+    const iconPattern = new RegExp(`#${finder.iconName}$`);
+    const selector = (0, create_selector_1.createSelector)(finder)
+        .find("use")
+        .withAttribute("xlink:href", iconPattern)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
+    const clickableParent = selector.parent("a");
+    return {
+        click() {
+            return testcafe_1.t.click(clickableParent);
+        },
+        shouldExists() {
+            return testcafe_1.t
+                .expect(clickableParent.exists)
+                .ok(`Icon with xlink:href containing "${iconPattern}" should exist but does not.`);
+        },
+        shouldNotExists() {
+            return testcafe_1.t
+                .expect(clickableParent.exists)
+                .notOk(`Icon with xlink:href containing "${iconPattern}" should not exist but it does.`);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t
+                .expect(clickableParent.hasClass("is-disabled"))
+                .ok(`Icon button with xlink:href containing ${iconPattern} should be disabled but it is not disabled or does not exist`);
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t
+                .expect(clickableParent.hasClass("is-disabled"))
+                .notOk(`Icon button with xlink:href containing ${iconPattern} should be enabled but it is not enabled or does not exist`);
+        },
+    };
+}

package/ui/input.d.ts

@@ -8,5 +8,7 @@ export declare function input(finder: InputFinder): {
     shouldHaveValue(value: string): TestControllerPromise<any>;
     shouldBeDisabled(): TestControllerPromise<any>;
     shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldExist(): TestControllerPromise<any>;
+    shouldNotExist(): TestControllerPromise<any>;
 };
 export {};

package/ui/input.js

@@ -21,5 +21,11 @@ function input(finder) {
         shouldNotBeDisabled() {
             return testcafe_1.t.expect(inputElementSelector.hasAttribute("disabled")).notOk();
         },
+        shouldExist() {
+            return testcafe_1.t.expect(inputElementSelector.exists).ok();
+        },
+        shouldNotExist() {
+            return testcafe_1.t.expect(inputElementSelector.exists).notOk();
+        },
     };
 }

package/ui/select.d.ts

@@ -4,9 +4,13 @@ interface SelectInputFinder extends BaseFinder {
 }
 export declare function select(finder: SelectInputFinder): {
     selectNthItem(nth: number): TestControllerPromise<any>;
+    selectItemWithText(optionText: string, nth?: number): TestControllerPromise<any>;
     shouldHaveValue(value: string): TestControllerPromise<any>;
     shouldBeEmpty(): TestControllerPromise<any>;
     shouldNotBeEmpty(): TestControllerPromise<any>;
-    shouldBeDisabled(): void;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
 };
 export {};

package/ui/select.js

@@ -13,6 +13,9 @@ function select(finder) {
             // TODO - asi použít helper na dropdown až bude existovat
             return testcafe_1.t.click(buttonSelector).click((0, testcafe_1.Selector)(".uxf-dropdown__item").nth(nth));
         },
+        selectItemWithText(optionText, nth = 0) {
+            return testcafe_1.t.click(buttonSelector).click((0, testcafe_1.Selector)(".uxf-dropdown__item").withText(optionText).nth(nth));
+        },
         shouldHaveValue(value) {
             return testcafe_1.t.expect(buttonSelector.textContent).eql(value);
         },
@@ -23,7 +26,16 @@ function select(finder) {
             return testcafe_1.t.expect(buttonSelector.hasClass("is-empty")).notOk();
         },
         shouldBeDisabled() {
-            //TODO chytáme ten selector moc zanořený. Pak se nedá chytit is-disabled
+            return testcafe_1.t.expect(buttonSelector.parent(1).hasClass("is-disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            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`);
+        },
+        shouldNotExists() {
+            return testcafe_1.t.expect(buttonSelector.exists).notOk(`Select with data-name: ${finder.dataName} should not exists`);
         },
     };
 }

package/ui/text-input.d.ts

@@ -8,5 +8,7 @@ export declare function textInput(finder: TextInputFinder): {
     shouldHaveValue(value: string): TestControllerPromise<any>;
     shouldBeDisabled(): TestControllerPromise<any>;
     shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldExist(): TestControllerPromise<any>;
+    shouldNotExist(): TestControllerPromise<any>;
 };
 export {};

package/ui/text-input.js

@@ -19,5 +19,11 @@ function textInput(finder) {
         shouldNotBeDisabled() {
             return (0, input_1.input)(finder).shouldNotBeDisabled();
         },
+        shouldExist() {
+            return (0, input_1.input)(finder).shouldExist();
+        },
+        shouldNotExist() {
+            return (0, input_1.input)(finder).shouldNotExist();
+        },
     };
 }

package/ui/toggle.d.ts

@@ -0,0 +1,15 @@
+import { BaseFinder } from "../utils/base-finder";
+interface ToggleFinder extends BaseFinder {
+    text: string;
+    nth?: number;
+}
+export declare function toggle(finder: ToggleFinder): {
+    click(): TestControllerPromise<any>;
+    shouldExists(): TestControllerPromise<any>;
+    shouldNotExists(): TestControllerPromise<any>;
+    shouldBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeDisabled(): TestControllerPromise<any>;
+    shouldNotBeSelected(): TestControllerPromise<any>;
+    shouldBeSelected(): TestControllerPromise<any>;
+};
+export {};

package/ui/toggle.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggle = toggle;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+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");
+    return {
+        click() {
+            return testcafe_1.t.click(selector);
+        },
+        shouldExists() {
+            return testcafe_1.t.expect(selector.exists).ok(`Toggle with text ${finder.text} 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`);
+        },
+        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.`);
+        },
+        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.`);
+        },
+        shouldNotBeSelected() {
+            return testcafe_1.t
+                .expect(selector.hasClass("is-selected"))
+                .notOk(`Toggle with text ${finder.text} 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.`);
+        },
+    };
+}