@uxf/e2e 11.10.0 → 11.11.2

package/components.d.ts

@@ -1,8 +1,14 @@
 import { button } from "./ui/button";
 import { buttonGroup } from "./ui/button-group";
 import { buttonList } from "./ui/button-list";
+import { input } from "./ui/input";
+import { select } from "./ui/select";
+import { textInput } from "./ui/text-input";
 export declare const components: {
     button: typeof button;
     buttonGroup: typeof buttonGroup;
     buttonList: typeof buttonList;
+    input: typeof input;
+    select: typeof select;
+    textInput: typeof textInput;
 };

package/components.js

@@ -4,8 +4,14 @@ exports.components = void 0;
 const button_1 = require("./ui/button");
 const button_group_1 = require("./ui/button-group");
 const button_list_1 = require("./ui/button-list");
+const input_1 = require("./ui/input");
+const select_1 = require("./ui/select");
+const text_input_1 = require("./ui/text-input");
 exports.components = {
     button: button_1.button,
     buttonGroup: button_group_1.buttonGroup,
     buttonList: button_list_1.buttonList,
+    input: input_1.input,
+    select: select_1.select,
+    textInput: text_input_1.textInput,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/e2e",
-  "version": "11.10.0",
+  "version": "11.11.2",
   "description": "UXF TestCafe helpers",
   "publishConfig": {
     "access": "public"
@@ -8,8 +8,8 @@
   "scripts": {
     "build": "npm run compile",
     "compile": "tsc -P tsconfig.json",
-    "test": "../../node_modules/.bin/testcafe chrome ./tests/button.e2e.ts",
-    "dev": "../../node_modules/.bin/testcafe chrome ./tests/button.e2e.ts --live",
+    "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",

package/tests/select.e2e.d.ts

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

package/tests/select.e2e.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Select")
+    .page("https://fe.uxf.dev/examples/ui/select/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(0, testcafe_1.test)("Select", async () => {
+    const defaultSelect = components_1.components.select({ name: "default" });
+    await defaultSelect.shouldBeEmpty();
+    await defaultSelect.selectNthItem(2);
+    await defaultSelect.shouldHaveValue("Option three");
+    await defaultSelect.shouldNotBeEmpty();
+});

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

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

package/tests/text-input.e2e.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const testcafe_1 = require("testcafe");
+const components_1 = require("../components");
+const wait_for_react_1 = require("../utils/wait-for-react");
+(0, testcafe_1.fixture)("Text input")
+    .page("https://fe.uxf.dev/examples/ui/text-input/Default")
+    .httpAuth({ username: "uxf", password: "uxf" })
+    .beforeEach(async (t) => {
+    await (0, wait_for_react_1.waitForReact)(10000, t);
+});
+(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.replace("Replaced value");
+    await defaultInput.shouldHaveValue("Replaced value");
+    await components_1.components.textInput({ name: "disabled" }).shouldBeDisabled();
+});

package/ui/button-group.d.ts

@@ -1,8 +1,8 @@
-import { BaseSelector } from "../utils/base-selector";
-interface ButtonGroupSelector extends BaseSelector {
+import { BaseFinder } from "../utils/base-finder";
+interface ButtonGroupFinder extends BaseFinder {
     dataTestId: string;
 }
-export declare function buttonGroup(buttonGroupSelector: ButtonGroupSelector): {
+export declare function buttonGroup(finder: ButtonGroupFinder): {
     clickOnButtonByText(buttonText: string): TestControllerPromise<any>;
     shouldExists(): TestControllerPromise<any>;
     shouldExistsButtonByText(text: string): TestControllerPromise<any>;

package/ui/button-group.js

@@ -4,10 +4,8 @@ exports.buttonGroup = void 0;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
 const button_1 = require("./button");
-function buttonGroup(buttonGroupSelector) {
-    const selector = (0, create_selector_1.createSelector)(buttonGroupSelector)
-        .find(".uxf-button-group")
-        .find(`[data-test-id="${buttonGroupSelector.dataTestId}"]`);
+function buttonGroup(finder) {
+    const selector = (0, create_selector_1.createSelector)(finder).find(".uxf-button-group").find(`[data-test-id="${finder.dataTestId}"]`);
     return {
         clickOnButtonByText(buttonText) {
             return (0, button_1.button)({ parent: selector, text: buttonText }).click();

package/ui/button-list.d.ts

@@ -1,8 +1,8 @@
-import { BaseSelector } from "../utils/base-selector";
-interface ButtonListSelector extends BaseSelector {
+import { BaseFinder } from "../utils/base-finder";
+interface ButtonListFinder extends BaseFinder {
     nth?: number;
 }
-export declare function buttonList(buttonListSelector: ButtonListSelector): {
+export declare function buttonList(finder: ButtonListFinder): {
     clickOnButton(text: string): TestControllerPromise<any>;
 };
 export {};

package/ui/button-list.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonList = void 0;
 const create_selector_1 = require("../utils/create-selector");
 const button_1 = require("./button");
-function buttonList(buttonListSelector) {
+function buttonList(finder) {
     var _a;
-    const selector = (0, create_selector_1.createSelector)(buttonListSelector)
+    const selector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-button-list")
-        .nth((_a = buttonListSelector.nth) !== null && _a !== void 0 ? _a : 0);
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         clickOnButton(text) {
             return (0, button_1.button)({ parent: selector, text }).click();

package/ui/button.d.ts

@@ -1,9 +1,9 @@
-import { BaseSelector } from "../utils/base-selector";
-interface ButtonSelector extends BaseSelector {
+import { BaseFinder } from "../utils/base-finder";
+interface ButtonFinder extends BaseFinder {
     text: string;
     nth?: number;
 }
-export declare function button(buttonSelector: ButtonSelector): {
+export declare function button(finder: ButtonFinder): {
     click(): TestControllerPromise<any>;
     shouldExists(): TestControllerPromise<any>;
     shouldNotExists(): TestControllerPromise<any>;

package/ui/button.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.button = void 0;
 const testcafe_1 = require("testcafe");
 const create_selector_1 = require("../utils/create-selector");
-function button(buttonSelector) {
+function button(finder) {
     var _a;
-    const selector = (0, create_selector_1.createSelector)(buttonSelector)
+    const selector = (0, create_selector_1.createSelector)(finder)
         .find(".uxf-button")
-        .withExactText(buttonSelector.text)
-        .nth((_a = buttonSelector.nth) !== null && _a !== void 0 ? _a : 0);
+        .withExactText(finder.text)
+        .nth((_a = finder.nth) !== null && _a !== void 0 ? _a : 0);
     return {
         click() {
             return testcafe_1.t.click(selector);

package/ui/input.d.ts

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

package/ui/input.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.input = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function input(finder) {
+    const inputElementSelector = (0, create_selector_1.createSelector)(finder).find(".uxf-input__element").withAttribute("name", finder.name);
+    return {
+        type(value) {
+            return testcafe_1.t.typeText(inputElementSelector, value);
+        },
+        replace(value) {
+            return testcafe_1.t.typeText(inputElementSelector, value, { replace: true });
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(inputElementSelector.value).eql(value);
+        },
+        shouldBeDisabled() {
+            return testcafe_1.t.expect(inputElementSelector.hasAttribute("disabled")).ok();
+        },
+        shouldNotBeDisabled() {
+            return testcafe_1.t.expect(inputElementSelector.hasAttribute("disabled")).notOk();
+        },
+    };
+}
+exports.input = input;

package/ui/select.d.ts

@@ -0,0 +1,12 @@
+import { BaseFinder } from "../utils/base-finder";
+interface SelectInputFinder extends BaseFinder {
+    name: string;
+}
+export declare function select(finder: SelectInputFinder): {
+    selectNthItem(nth: number): TestControllerPromise<any>;
+    shouldHaveValue(value: string): TestControllerPromise<any>;
+    shouldBeEmpty(): TestControllerPromise<any>;
+    shouldNotBeEmpty(): TestControllerPromise<any>;
+    shouldBeDisabled(): void;
+};
+export {};

package/ui/select.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.select = void 0;
+const testcafe_1 = require("testcafe");
+const create_selector_1 = require("../utils/create-selector");
+function select(finder) {
+    // TODO - name
+    const buttonSelector = (0, create_selector_1.createSelector)(finder)
+        .find("button.uxf-input__element")
+        .withAttribute("aria-haspopup", "listbox");
+    return {
+        selectNthItem(nth) {
+            // 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));
+        },
+        shouldHaveValue(value) {
+            return testcafe_1.t.expect(buttonSelector.textContent).eql(value);
+        },
+        shouldBeEmpty() {
+            return testcafe_1.t.expect(buttonSelector.hasClass("is-empty")).ok();
+        },
+        shouldNotBeEmpty() {
+            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
+        },
+    };
+}
+exports.select = select;

package/ui/text-input.d.ts

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

package/ui/text-input.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textInput = void 0;
+const input_1 = require("./input");
+function textInput(finder) {
+    return {
+        type(value) {
+            return (0, input_1.input)(finder).type(value);
+        },
+        replace(value) {
+            return (0, input_1.input)(finder).replace(value);
+        },
+        shouldHaveValue(value) {
+            return (0, input_1.input)(finder).shouldHaveValue(value);
+        },
+        shouldBeDisabled() {
+            return (0, input_1.input)(finder).shouldBeDisabled();
+        },
+        shouldNotBeDisabled() {
+            return (0, input_1.input)(finder).shouldNotBeDisabled();
+        },
+    };
+}
+exports.textInput = textInput;

package/utils/base-finder.d.ts

@@ -0,0 +1,3 @@
+export type BaseFinder = {
+    parent?: Selector;
+};

package/utils/create-selector.d.ts

@@ -1,2 +1,2 @@
-import { BaseSelector } from "./base-selector";
-export declare function createSelector(selector: BaseSelector): Selector;
+import { BaseFinder } from "./base-finder";
+export declare function createSelector(selector: BaseFinder): Selector;

package/utils/base-selector.d.ts

@@ -1,3 +0,0 @@
-export type BaseSelector = {
-    parent?: Selector;
-};