@thisisagile/easy-test-react 15.8.6 → 15.8.7

package/dist/ElementTester.d.ts

@@ -0,0 +1,14 @@
+import { Tester } from './Tester';
+export declare class ElementTester {
+    readonly element: () => Element;
+    constructor(element: () => Element);
+    get value(): string;
+    get isValid(): boolean;
+    get then(): Tester;
+    click: () => this | undefined;
+    awaitClick: () => Promise<boolean>;
+    mouseDown: (index?: number) => this | undefined;
+    type: (value: string) => boolean;
+    wait: () => Promise<Element>;
+    waitForRemove: () => Promise<void>;
+}

package/dist/ElementTester.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ElementTester_exports = {};
+__export(ElementTester_exports, {
+  ElementTester: () => ElementTester
+});
+module.exports = __toCommonJS(ElementTester_exports);
+var import_react = require("@testing-library/react");
+var import_easy = require("@thisisagile/easy");
+var import_Tester = require("./Tester");
+class ElementTester {
+  constructor(element) {
+    this.element = element;
+  }
+  get value() {
+    return this.element()?.value;
+  }
+  get isValid() {
+    return (0, import_easy.tryTo)(() => this.element()).is.defined().map(() => true).or(false);
+  }
+  get then() {
+    return new import_Tester.Tester(this.element());
+  }
+  click = () => this.element() && import_react.fireEvent.click(this.element()) ? this : void 0;
+  awaitClick = () => (0, import_react.waitFor)(() => import_react.fireEvent.click(this.element()));
+  mouseDown = (index) => this.element() && import_react.fireEvent.mouseDown((0, import_easy.isDefined)(index) ? this.element().children[index] : this.element()) ? this : void 0;
+  type = (value) => import_react.fireEvent.change(this.element(), { target: { value } });
+  wait = () => (0, import_react.waitFor)(this.element);
+  waitForRemove = () => (0, import_react.waitForElementToBeRemoved)(this.element);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElementTester
+});
+//# sourceMappingURL=ElementTester.js.map

package/dist/ElementTester.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ElementTester.ts"],"sourcesContent":["import { fireEvent, waitFor, waitForElementToBeRemoved } from '@testing-library/react';\nimport { isDefined, tryTo } from '@thisisagile/easy';\nimport { Tester } from './Tester';\n\nexport class ElementTester {\n  constructor(readonly element: () => Element) {}\n\n  get value(): string {\n    return (this.element() as any)?.value as string;\n  }\n\n  get isValid(): boolean {\n    return tryTo(() => this.element())\n      .is.defined()\n      .map(() => true)\n      .or(false);\n  }\n\n  get then(): Tester {\n    return new Tester(this.element() as HTMLElement);\n  }\n\n  click = (): this | undefined => (this.element() && fireEvent.click(this.element()) ? this : undefined);\n  awaitClick = (): Promise<boolean> => waitFor(() => fireEvent.click(this.element()));\n  mouseDown = (index?: number): this | undefined =>\n    this.element() && fireEvent.mouseDown(isDefined(index) ? this.element().children[index] : this.element()) ? this : undefined;\n  type = (value: string): boolean => fireEvent.change(this.element(), { target: { value } });\n  wait = (): Promise<Element> => waitFor(this.element);\n  waitForRemove = (): Promise<void> => waitForElementToBeRemoved(this.element);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8D;AAC9D,kBAAiC;AACjC,oBAAuB;AAEhB,MAAM,cAAc;AAAA,EACzB,YAAqB,SAAwB;AAAxB;AAAA,EAAyB;AAAA,EAE9C,IAAI,QAAgB;AAClB,WAAQ,KAAK,QAAQ,GAAW;AAAA,EAClC;AAAA,EAEA,IAAI,UAAmB;AACrB,eAAO,mBAAM,MAAM,KAAK,QAAQ,CAAC,EAC9B,GAAG,QAAQ,EACX,IAAI,MAAM,IAAI,EACd,GAAG,KAAK;AAAA,EACb;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,IAAI,qBAAO,KAAK,QAAQ,CAAgB;AAAA,EACjD;AAAA,EAEA,QAAQ,MAAyB,KAAK,QAAQ,KAAK,uBAAU,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO;AAAA,EAC5F,aAAa,UAAwB,sBAAQ,MAAM,uBAAU,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA,EAClF,YAAY,CAAC,UACX,KAAK,QAAQ,KAAK,uBAAU,cAAU,uBAAU,KAAK,IAAI,KAAK,QAAQ,EAAE,SAAS,KAAK,IAAI,KAAK,QAAQ,CAAC,IAAI,OAAO;AAAA,EACrH,OAAO,CAAC,UAA2B,uBAAU,OAAO,KAAK,QAAQ,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAAA,EACzF,OAAO,UAAwB,sBAAQ,KAAK,OAAO;AAAA,EACnD,gBAAgB,UAAqB,wCAA0B,KAAK,OAAO;AAC7E;","names":[]}

package/dist/ElementTester.mjs

@@ -0,0 +1,27 @@
+import { fireEvent, waitFor, waitForElementToBeRemoved } from "@testing-library/react";
+import { isDefined, tryTo } from "@thisisagile/easy";
+import { Tester } from "./Tester";
+class ElementTester {
+  constructor(element) {
+    this.element = element;
+  }
+  get value() {
+    return this.element()?.value;
+  }
+  get isValid() {
+    return tryTo(() => this.element()).is.defined().map(() => true).or(false);
+  }
+  get then() {
+    return new Tester(this.element());
+  }
+  click = () => this.element() && fireEvent.click(this.element()) ? this : void 0;
+  awaitClick = () => waitFor(() => fireEvent.click(this.element()));
+  mouseDown = (index) => this.element() && fireEvent.mouseDown(isDefined(index) ? this.element().children[index] : this.element()) ? this : void 0;
+  type = (value) => fireEvent.change(this.element(), { target: { value } });
+  wait = () => waitFor(this.element);
+  waitForRemove = () => waitForElementToBeRemoved(this.element);
+}
+export {
+  ElementTester
+};
+//# sourceMappingURL=ElementTester.mjs.map

package/dist/ElementTester.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ElementTester.ts"],"sourcesContent":["import { fireEvent, waitFor, waitForElementToBeRemoved } from '@testing-library/react';\nimport { isDefined, tryTo } from '@thisisagile/easy';\nimport { Tester } from './Tester';\n\nexport class ElementTester {\n  constructor(readonly element: () => Element) {}\n\n  get value(): string {\n    return (this.element() as any)?.value as string;\n  }\n\n  get isValid(): boolean {\n    return tryTo(() => this.element())\n      .is.defined()\n      .map(() => true)\n      .or(false);\n  }\n\n  get then(): Tester {\n    return new Tester(this.element() as HTMLElement);\n  }\n\n  click = (): this | undefined => (this.element() && fireEvent.click(this.element()) ? this : undefined);\n  awaitClick = (): Promise<boolean> => waitFor(() => fireEvent.click(this.element()));\n  mouseDown = (index?: number): this | undefined =>\n    this.element() && fireEvent.mouseDown(isDefined(index) ? this.element().children[index] : this.element()) ? this : undefined;\n  type = (value: string): boolean => fireEvent.change(this.element(), { target: { value } });\n  wait = (): Promise<Element> => waitFor(this.element);\n  waitForRemove = (): Promise<void> => waitForElementToBeRemoved(this.element);\n}\n"],"mappings":"AAAA,SAAS,WAAW,SAAS,iCAAiC;AAC9D,SAAS,WAAW,aAAa;AACjC,SAAS,cAAc;AAEhB,MAAM,cAAc;AAAA,EACzB,YAAqB,SAAwB;AAAxB;AAAA,EAAyB;AAAA,EAE9C,IAAI,QAAgB;AAClB,WAAQ,KAAK,QAAQ,GAAW;AAAA,EAClC;AAAA,EAEA,IAAI,UAAmB;AACrB,WAAO,MAAM,MAAM,KAAK,QAAQ,CAAC,EAC9B,GAAG,QAAQ,EACX,IAAI,MAAM,IAAI,EACd,GAAG,KAAK;AAAA,EACb;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,IAAI,OAAO,KAAK,QAAQ,CAAgB;AAAA,EACjD;AAAA,EAEA,QAAQ,MAAyB,KAAK,QAAQ,KAAK,UAAU,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO;AAAA,EAC5F,aAAa,MAAwB,QAAQ,MAAM,UAAU,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA,EAClF,YAAY,CAAC,UACX,KAAK,QAAQ,KAAK,UAAU,UAAU,UAAU,KAAK,IAAI,KAAK,QAAQ,EAAE,SAAS,KAAK,IAAI,KAAK,QAAQ,CAAC,IAAI,OAAO;AAAA,EACrH,OAAO,CAAC,UAA2B,UAAU,OAAO,KAAK,QAAQ,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAAA,EACzF,OAAO,MAAwB,QAAQ,KAAK,OAAO;AAAA,EACnD,gBAAgB,MAAqB,0BAA0B,KAAK,OAAO;AAC7E;","names":[]}

package/dist/{index.d.mts → Tester.d.ts}

@@ -1,8 +1,7 @@
 import { ReactElement } from 'react';
 import { Id } from '@thisisagile/easy';
-import { RenderOptions, RenderResult } from '@testing-library/react';
-
-declare class Tester {
+import { ElementTester } from './ElementTester';
+export declare class Tester {
     readonly container: HTMLElement;
     constructor(container: HTMLElement);
     static render: (component: ReactElement) => Promise<Tester>;
@@ -21,23 +20,5 @@ declare class Tester {
     atPlaceholder: (placeholder: string, index?: number) => ElementTester;
     submit: (id?: Id) => ElementTester;
 }
-declare const rendersWait: (component: ReactElement) => Promise<Tester>;
-declare const renders: (component: ReactElement) => Tester;
-
-declare class ElementTester {
-    readonly element: () => Element;
-    constructor(element: () => Element);
-    get value(): string;
-    get isValid(): boolean;
-    get then(): Tester;
-    click: () => this | undefined;
-    awaitClick: () => Promise<boolean>;
-    mouseDown: (index?: number) => this | undefined;
-    type: (value: string) => boolean;
-    wait: () => Promise<Element>;
-    waitForRemove: () => Promise<void>;
-}
-
-declare function waitForRender(ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): Promise<RenderResult>;
-
-export { ElementTester, Tester, renders, rendersWait, waitForRender };
+export declare const rendersWait: (component: ReactElement) => Promise<Tester>;
+export declare const renders: (component: ReactElement) => Tester;

package/dist/Tester.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tester_exports = {};
+__export(Tester_exports, {
+  Tester: () => Tester,
+  renders: () => renders,
+  rendersWait: () => rendersWait
+});
+module.exports = __toCommonJS(Tester_exports);
+var import_react = require("@testing-library/react");
+var import_waitForRender = require("./waitForRender");
+var import_ElementTester = require("./ElementTester");
+class Tester {
+  constructor(container) {
+    this.container = container;
+  }
+  static render = (component) => (0, import_waitForRender.waitForRender)(component).then((c) => new Tester(c.container));
+  static renderSync = (component) => new Tester((0, import_react.render)(component).container);
+  byText = (text, index) => index ? import_react.screen.getAllByText(text)[index] : import_react.screen.getByText(text);
+  atText = (text, index) => new import_ElementTester.ElementTester(() => this.byText(text, index));
+  byId = (id, index) => index ? import_react.screen.getAllByTestId(id.toString())[index] : import_react.screen.getByTestId(id.toString());
+  atId = (id, index) => new import_ElementTester.ElementTester(() => this.byId(id, index));
+  byRole = (role, index) => index ? import_react.screen.getAllByRole(role)[index] : import_react.screen.getByRole(role);
+  atRole = (role, index) => new import_ElementTester.ElementTester(() => this.byRole(role, index));
+  byRow = (index) => index ? import_react.screen.getAllByRole("row")[index] : import_react.screen.getByRole("row");
+  atRow = (index) => new import_ElementTester.ElementTester(() => this.byRow(index));
+  byTitle = (title, index) => index ? import_react.screen.getAllByTitle(title)[index] : import_react.screen.getByTitle(title);
+  atTitle = (title, index) => new import_ElementTester.ElementTester(() => this.byTitle(title, index));
+  byPlaceholder = (placeholder, index) => index ? import_react.screen.getAllByPlaceholderText(placeholder)[index] : import_react.screen.getByPlaceholderText(placeholder);
+  atPlaceholder = (placeholder, index) => new import_ElementTester.ElementTester(() => this.byPlaceholder(placeholder, index));
+  submit = (id = "btn-submit") => this.atId(id);
+}
+const rendersWait = async (component) => await Tester.render(component);
+const renders = (component) => Tester.renderSync(component);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tester,
+  renders,
+  rendersWait
+});
+//# sourceMappingURL=Tester.js.map

package/dist/Tester.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tester.ts"],"sourcesContent":["import { render, screen } from '@testing-library/react';\nimport { ReactElement } from 'react';\nimport { Id } from '@thisisagile/easy';\nimport { waitForRender } from './waitForRender';\nimport { ElementTester } from './ElementTester';\n\nexport class Tester {\n  constructor(public readonly container: HTMLElement) {}\n\n  static render = (component: ReactElement): Promise<Tester> => waitForRender(component).then(c => new Tester(c.container));\n  static renderSync = (component: ReactElement): Tester => new Tester(render(component).container);\n\n  byText = (text: string, index?: number): HTMLElement => (index ? screen.getAllByText(text)[index] : screen.getByText(text));\n  atText = (text: string, index?: number): ElementTester => new ElementTester(() => this.byText(text, index));\n  byId = (id: Id, index?: number): HTMLElement => (index ? screen.getAllByTestId(id.toString())[index] : screen.getByTestId(id.toString()));\n  atId = (id: Id, index?: number): ElementTester => new ElementTester(() => this.byId(id, index));\n  byRole = (role: string, index?: number): HTMLElement => (index ? screen.getAllByRole(role)[index] : screen.getByRole(role));\n  atRole = (role: string, index?: number): ElementTester => new ElementTester(() => this.byRole(role, index));\n  byRow = (index?: number): HTMLElement => (index ? screen.getAllByRole('row')[index] : screen.getByRole('row'));\n  atRow = (index?: number): ElementTester => new ElementTester(() => this.byRow(index));\n  byTitle = (title: string, index?: number): HTMLElement => (index ? screen.getAllByTitle(title)[index] : screen.getByTitle(title));\n  atTitle = (title: string, index?: number): ElementTester => new ElementTester(() => this.byTitle(title, index));\n  byPlaceholder = (placeholder: string, index?: number): HTMLElement =>\n    index ? screen.getAllByPlaceholderText(placeholder)[index] : screen.getByPlaceholderText(placeholder);\n  atPlaceholder = (placeholder: string, index?: number): ElementTester => new ElementTester(() => this.byPlaceholder(placeholder, index));\n  submit = (id: Id = 'btn-submit'): ElementTester => this.atId(id);\n}\n\nexport const rendersWait = async (component: ReactElement): Promise<Tester> => await Tester.render(component);\nexport const renders = (component: ReactElement): Tester => Tester.renderSync(component);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAG/B,2BAA8B;AAC9B,2BAA8B;AAEvB,MAAM,OAAO;AAAA,EAClB,YAA4B,WAAwB;AAAxB;AAAA,EAAyB;AAAA,EAErD,OAAO,SAAS,CAAC,kBAA6C,oCAAc,SAAS,EAAE,KAAK,OAAK,IAAI,OAAO,EAAE,SAAS,CAAC;AAAA,EACxH,OAAO,aAAa,CAAC,cAAoC,IAAI,WAAO,qBAAO,SAAS,EAAE,SAAS;AAAA,EAE/F,SAAS,CAAC,MAAc,UAAiC,QAAQ,oBAAO,aAAa,IAAI,EAAE,KAAK,IAAI,oBAAO,UAAU,IAAI;AAAA,EACzH,SAAS,CAAC,MAAc,UAAkC,IAAI,mCAAc,MAAM,KAAK,OAAO,MAAM,KAAK,CAAC;AAAA,EAC1G,OAAO,CAAC,IAAQ,UAAiC,QAAQ,oBAAO,eAAe,GAAG,SAAS,CAAC,EAAE,KAAK,IAAI,oBAAO,YAAY,GAAG,SAAS,CAAC;AAAA,EACvI,OAAO,CAAC,IAAQ,UAAkC,IAAI,mCAAc,MAAM,KAAK,KAAK,IAAI,KAAK,CAAC;AAAA,EAC9F,SAAS,CAAC,MAAc,UAAiC,QAAQ,oBAAO,aAAa,IAAI,EAAE,KAAK,IAAI,oBAAO,UAAU,IAAI;AAAA,EACzH,SAAS,CAAC,MAAc,UAAkC,IAAI,mCAAc,MAAM,KAAK,OAAO,MAAM,KAAK,CAAC;AAAA,EAC1G,QAAQ,CAAC,UAAiC,QAAQ,oBAAO,aAAa,KAAK,EAAE,KAAK,IAAI,oBAAO,UAAU,KAAK;AAAA,EAC5G,QAAQ,CAAC,UAAkC,IAAI,mCAAc,MAAM,KAAK,MAAM,KAAK,CAAC;AAAA,EACpF,UAAU,CAAC,OAAe,UAAiC,QAAQ,oBAAO,cAAc,KAAK,EAAE,KAAK,IAAI,oBAAO,WAAW,KAAK;AAAA,EAC/H,UAAU,CAAC,OAAe,UAAkC,IAAI,mCAAc,MAAM,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EAC9G,gBAAgB,CAAC,aAAqB,UACpC,QAAQ,oBAAO,wBAAwB,WAAW,EAAE,KAAK,IAAI,oBAAO,qBAAqB,WAAW;AAAA,EACtG,gBAAgB,CAAC,aAAqB,UAAkC,IAAI,mCAAc,MAAM,KAAK,cAAc,aAAa,KAAK,CAAC;AAAA,EACtI,SAAS,CAAC,KAAS,iBAAgC,KAAK,KAAK,EAAE;AACjE;AAEO,MAAM,cAAc,OAAO,cAA6C,MAAM,OAAO,OAAO,SAAS;AACrG,MAAM,UAAU,CAAC,cAAoC,OAAO,WAAW,SAAS;","names":[]}

package/dist/Tester.mjs

@@ -0,0 +1,31 @@
+import { render, screen } from "@testing-library/react";
+import { waitForRender } from "./waitForRender";
+import { ElementTester } from "./ElementTester";
+class Tester {
+  constructor(container) {
+    this.container = container;
+  }
+  static render = (component) => waitForRender(component).then((c) => new Tester(c.container));
+  static renderSync = (component) => new Tester(render(component).container);
+  byText = (text, index) => index ? screen.getAllByText(text)[index] : screen.getByText(text);
+  atText = (text, index) => new ElementTester(() => this.byText(text, index));
+  byId = (id, index) => index ? screen.getAllByTestId(id.toString())[index] : screen.getByTestId(id.toString());
+  atId = (id, index) => new ElementTester(() => this.byId(id, index));
+  byRole = (role, index) => index ? screen.getAllByRole(role)[index] : screen.getByRole(role);
+  atRole = (role, index) => new ElementTester(() => this.byRole(role, index));
+  byRow = (index) => index ? screen.getAllByRole("row")[index] : screen.getByRole("row");
+  atRow = (index) => new ElementTester(() => this.byRow(index));
+  byTitle = (title, index) => index ? screen.getAllByTitle(title)[index] : screen.getByTitle(title);
+  atTitle = (title, index) => new ElementTester(() => this.byTitle(title, index));
+  byPlaceholder = (placeholder, index) => index ? screen.getAllByPlaceholderText(placeholder)[index] : screen.getByPlaceholderText(placeholder);
+  atPlaceholder = (placeholder, index) => new ElementTester(() => this.byPlaceholder(placeholder, index));
+  submit = (id = "btn-submit") => this.atId(id);
+}
+const rendersWait = async (component) => await Tester.render(component);
+const renders = (component) => Tester.renderSync(component);
+export {
+  Tester,
+  renders,
+  rendersWait
+};
+//# sourceMappingURL=Tester.mjs.map

package/dist/Tester.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tester.ts"],"sourcesContent":["import { render, screen } from '@testing-library/react';\nimport { ReactElement } from 'react';\nimport { Id } from '@thisisagile/easy';\nimport { waitForRender } from './waitForRender';\nimport { ElementTester } from './ElementTester';\n\nexport class Tester {\n  constructor(public readonly container: HTMLElement) {}\n\n  static render = (component: ReactElement): Promise<Tester> => waitForRender(component).then(c => new Tester(c.container));\n  static renderSync = (component: ReactElement): Tester => new Tester(render(component).container);\n\n  byText = (text: string, index?: number): HTMLElement => (index ? screen.getAllByText(text)[index] : screen.getByText(text));\n  atText = (text: string, index?: number): ElementTester => new ElementTester(() => this.byText(text, index));\n  byId = (id: Id, index?: number): HTMLElement => (index ? screen.getAllByTestId(id.toString())[index] : screen.getByTestId(id.toString()));\n  atId = (id: Id, index?: number): ElementTester => new ElementTester(() => this.byId(id, index));\n  byRole = (role: string, index?: number): HTMLElement => (index ? screen.getAllByRole(role)[index] : screen.getByRole(role));\n  atRole = (role: string, index?: number): ElementTester => new ElementTester(() => this.byRole(role, index));\n  byRow = (index?: number): HTMLElement => (index ? screen.getAllByRole('row')[index] : screen.getByRole('row'));\n  atRow = (index?: number): ElementTester => new ElementTester(() => this.byRow(index));\n  byTitle = (title: string, index?: number): HTMLElement => (index ? screen.getAllByTitle(title)[index] : screen.getByTitle(title));\n  atTitle = (title: string, index?: number): ElementTester => new ElementTester(() => this.byTitle(title, index));\n  byPlaceholder = (placeholder: string, index?: number): HTMLElement =>\n    index ? screen.getAllByPlaceholderText(placeholder)[index] : screen.getByPlaceholderText(placeholder);\n  atPlaceholder = (placeholder: string, index?: number): ElementTester => new ElementTester(() => this.byPlaceholder(placeholder, index));\n  submit = (id: Id = 'btn-submit'): ElementTester => this.atId(id);\n}\n\nexport const rendersWait = async (component: ReactElement): Promise<Tester> => await Tester.render(component);\nexport const renders = (component: ReactElement): Tester => Tester.renderSync(component);\n"],"mappings":"AAAA,SAAS,QAAQ,cAAc;AAG/B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAEvB,MAAM,OAAO;AAAA,EAClB,YAA4B,WAAwB;AAAxB;AAAA,EAAyB;AAAA,EAErD,OAAO,SAAS,CAAC,cAA6C,cAAc,SAAS,EAAE,KAAK,OAAK,IAAI,OAAO,EAAE,SAAS,CAAC;AAAA,EACxH,OAAO,aAAa,CAAC,cAAoC,IAAI,OAAO,OAAO,SAAS,EAAE,SAAS;AAAA,EAE/F,SAAS,CAAC,MAAc,UAAiC,QAAQ,OAAO,aAAa,IAAI,EAAE,KAAK,IAAI,OAAO,UAAU,IAAI;AAAA,EACzH,SAAS,CAAC,MAAc,UAAkC,IAAI,cAAc,MAAM,KAAK,OAAO,MAAM,KAAK,CAAC;AAAA,EAC1G,OAAO,CAAC,IAAQ,UAAiC,QAAQ,OAAO,eAAe,GAAG,SAAS,CAAC,EAAE,KAAK,IAAI,OAAO,YAAY,GAAG,SAAS,CAAC;AAAA,EACvI,OAAO,CAAC,IAAQ,UAAkC,IAAI,cAAc,MAAM,KAAK,KAAK,IAAI,KAAK,CAAC;AAAA,EAC9F,SAAS,CAAC,MAAc,UAAiC,QAAQ,OAAO,aAAa,IAAI,EAAE,KAAK,IAAI,OAAO,UAAU,IAAI;AAAA,EACzH,SAAS,CAAC,MAAc,UAAkC,IAAI,cAAc,MAAM,KAAK,OAAO,MAAM,KAAK,CAAC;AAAA,EAC1G,QAAQ,CAAC,UAAiC,QAAQ,OAAO,aAAa,KAAK,EAAE,KAAK,IAAI,OAAO,UAAU,KAAK;AAAA,EAC5G,QAAQ,CAAC,UAAkC,IAAI,cAAc,MAAM,KAAK,MAAM,KAAK,CAAC;AAAA,EACpF,UAAU,CAAC,OAAe,UAAiC,QAAQ,OAAO,cAAc,KAAK,EAAE,KAAK,IAAI,OAAO,WAAW,KAAK;AAAA,EAC/H,UAAU,CAAC,OAAe,UAAkC,IAAI,cAAc,MAAM,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EAC9G,gBAAgB,CAAC,aAAqB,UACpC,QAAQ,OAAO,wBAAwB,WAAW,EAAE,KAAK,IAAI,OAAO,qBAAqB,WAAW;AAAA,EACtG,gBAAgB,CAAC,aAAqB,UAAkC,IAAI,cAAc,MAAM,KAAK,cAAc,aAAa,KAAK,CAAC;AAAA,EACtI,SAAS,CAAC,KAAS,iBAAgC,KAAK,KAAK,EAAE;AACjE;AAEO,MAAM,cAAc,OAAO,cAA6C,MAAM,OAAO,OAAO,SAAS;AACrG,MAAM,UAAU,CAAC,cAAoC,OAAO,WAAW,SAAS;","names":[]}

package/dist/index.d.ts

@@ -1,43 +1,3 @@
-import { ReactElement } from 'react';
-import { Id } from '@thisisagile/easy';
-import { RenderOptions, RenderResult } from '@testing-library/react';
-
-declare class Tester {
-    readonly container: HTMLElement;
-    constructor(container: HTMLElement);
-    static render: (component: ReactElement) => Promise<Tester>;
-    static renderSync: (component: ReactElement) => Tester;
-    byText: (text: string, index?: number) => HTMLElement;
-    atText: (text: string, index?: number) => ElementTester;
-    byId: (id: Id, index?: number) => HTMLElement;
-    atId: (id: Id, index?: number) => ElementTester;
-    byRole: (role: string, index?: number) => HTMLElement;
-    atRole: (role: string, index?: number) => ElementTester;
-    byRow: (index?: number) => HTMLElement;
-    atRow: (index?: number) => ElementTester;
-    byTitle: (title: string, index?: number) => HTMLElement;
-    atTitle: (title: string, index?: number) => ElementTester;
-    byPlaceholder: (placeholder: string, index?: number) => HTMLElement;
-    atPlaceholder: (placeholder: string, index?: number) => ElementTester;
-    submit: (id?: Id) => ElementTester;
-}
-declare const rendersWait: (component: ReactElement) => Promise<Tester>;
-declare const renders: (component: ReactElement) => Tester;
-
-declare class ElementTester {
-    readonly element: () => Element;
-    constructor(element: () => Element);
-    get value(): string;
-    get isValid(): boolean;
-    get then(): Tester;
-    click: () => this | undefined;
-    awaitClick: () => Promise<boolean>;
-    mouseDown: (index?: number) => this | undefined;
-    type: (value: string) => boolean;
-    wait: () => Promise<Element>;
-    waitForRemove: () => Promise<void>;
-}
-
-declare function waitForRender(ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): Promise<RenderResult>;
-
-export { ElementTester, Tester, renders, rendersWait, waitForRender };
+export * from './ElementTester';
+export * from './Tester';
+export * from './waitForRender';

package/dist/index.js

@@ -1 +1,27 @@
-"use strict";var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var h=(r,e)=>{for(var t in e)c(r,t,{get:e[t],enumerable:!0})},g=(r,e,t,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of y(e))!b.call(r,s)&&s!==t&&c(r,s,{get:()=>e[s],enumerable:!(u=T(e,s))||u.enumerable});return r};var R=r=>g(c({},"__esModule",{value:!0}),r);var f={};h(f,{ElementTester:()=>i,Tester:()=>l,renders:()=>E,rendersWait:()=>w,waitForRender:()=>d});module.exports=R(f);var o=require("@testing-library/react"),a=require("@thisisagile/easy");var n=require("@testing-library/react");var m=require("@testing-library/react");async function d(r,e){let t={};return await(0,m.act)(async()=>{t=(0,m.render)(r,e),await(0,m.waitFor)(()=>t.container,{container:t.container})}),t}var l=class r{constructor(e){this.container=e}static render=e=>d(e).then(t=>new r(t.container));static renderSync=e=>new r((0,n.render)(e).container);byText=(e,t)=>t?n.screen.getAllByText(e)[t]:n.screen.getByText(e);atText=(e,t)=>new i(()=>this.byText(e,t));byId=(e,t)=>t?n.screen.getAllByTestId(e.toString())[t]:n.screen.getByTestId(e.toString());atId=(e,t)=>new i(()=>this.byId(e,t));byRole=(e,t)=>t?n.screen.getAllByRole(e)[t]:n.screen.getByRole(e);atRole=(e,t)=>new i(()=>this.byRole(e,t));byRow=e=>e?n.screen.getAllByRole("row")[e]:n.screen.getByRole("row");atRow=e=>new i(()=>this.byRow(e));byTitle=(e,t)=>t?n.screen.getAllByTitle(e)[t]:n.screen.getByTitle(e);atTitle=(e,t)=>new i(()=>this.byTitle(e,t));byPlaceholder=(e,t)=>t?n.screen.getAllByPlaceholderText(e)[t]:n.screen.getByPlaceholderText(e);atPlaceholder=(e,t)=>new i(()=>this.byPlaceholder(e,t));submit=(e="btn-submit")=>this.atId(e)},w=async r=>await l.render(r),E=r=>l.renderSync(r);var i=class{constructor(e){this.element=e}get value(){return this.element()?.value}get isValid(){return(0,a.tryTo)(()=>this.element()).is.defined().map(()=>!0).or(!1)}get then(){return new l(this.element())}click=()=>this.element()&&o.fireEvent.click(this.element())?this:void 0;awaitClick=()=>(0,o.waitFor)(()=>o.fireEvent.click(this.element()));mouseDown=e=>this.element()&&o.fireEvent.mouseDown((0,a.isDefined)(e)?this.element().children[e]:this.element())?this:void 0;type=e=>o.fireEvent.change(this.element(),{target:{value:e}});wait=()=>(0,o.waitFor)(this.element);waitForRemove=()=>(0,o.waitForElementToBeRemoved)(this.element)};0&&(module.exports={ElementTester,Tester,renders,rendersWait,waitForRender});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./ElementTester"), module.exports);
+__reExport(src_exports, require("./Tester"), module.exports);
+__reExport(src_exports, require("./waitForRender"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./ElementTester"),
+  ...require("./Tester"),
+  ...require("./waitForRender")
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './ElementTester';\nexport * from './Tester';\nexport * from './waitForRender';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,4BAAd;AACA,wBAAc,qBADd;AAEA,wBAAc,4BAFd;","names":[]}

package/dist/index.mjs

@@ -1 +1,4 @@
-import{fireEvent as l,waitFor as s,waitForElementToBeRemoved as T}from"@testing-library/react";import{isDefined as y,tryTo as b}from"@thisisagile/easy";import{render as u,screen as r}from"@testing-library/react";import{act as a,render as c,waitFor as d}from"@testing-library/react";async function m(n,e){let t={};return await a(async()=>{t=c(n,e),await d(()=>t.container,{container:t.container})}),t}var o=class n{constructor(e){this.container=e}static render=e=>m(e).then(t=>new n(t.container));static renderSync=e=>new n(u(e).container);byText=(e,t)=>t?r.getAllByText(e)[t]:r.getByText(e);atText=(e,t)=>new i(()=>this.byText(e,t));byId=(e,t)=>t?r.getAllByTestId(e.toString())[t]:r.getByTestId(e.toString());atId=(e,t)=>new i(()=>this.byId(e,t));byRole=(e,t)=>t?r.getAllByRole(e)[t]:r.getByRole(e);atRole=(e,t)=>new i(()=>this.byRole(e,t));byRow=e=>e?r.getAllByRole("row")[e]:r.getByRole("row");atRow=e=>new i(()=>this.byRow(e));byTitle=(e,t)=>t?r.getAllByTitle(e)[t]:r.getByTitle(e);atTitle=(e,t)=>new i(()=>this.byTitle(e,t));byPlaceholder=(e,t)=>t?r.getAllByPlaceholderText(e)[t]:r.getByPlaceholderText(e);atPlaceholder=(e,t)=>new i(()=>this.byPlaceholder(e,t));submit=(e="btn-submit")=>this.atId(e)},B=async n=>await o.render(n),P=n=>o.renderSync(n);var i=class{constructor(e){this.element=e}get value(){return this.element()?.value}get isValid(){return b(()=>this.element()).is.defined().map(()=>!0).or(!1)}get then(){return new o(this.element())}click=()=>this.element()&&l.click(this.element())?this:void 0;awaitClick=()=>s(()=>l.click(this.element()));mouseDown=e=>this.element()&&l.mouseDown(y(e)?this.element().children[e]:this.element())?this:void 0;type=e=>l.change(this.element(),{target:{value:e}});wait=()=>s(this.element);waitForRemove=()=>T(this.element)};export{i as ElementTester,o as Tester,P as renders,B as rendersWait,m as waitForRender};
+export * from "./ElementTester";
+export * from "./Tester";
+export * from "./waitForRender";
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './ElementTester';\nexport * from './Tester';\nexport * from './waitForRender';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/waitForRender.d.ts

@@ -0,0 +1,3 @@
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import { ReactElement } from 'react';
+export declare function waitForRender(ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): Promise<RenderResult>;

package/dist/waitForRender.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var waitForRender_exports = {};
+__export(waitForRender_exports, {
+  waitForRender: () => waitForRender
+});
+module.exports = __toCommonJS(waitForRender_exports);
+var import_react = require("@testing-library/react");
+async function waitForRender(ui, options) {
+  let r = {};
+  await (0, import_react.act)(async () => {
+    r = (0, import_react.render)(ui, options);
+    await (0, import_react.waitFor)(() => r.container, { container: r.container });
+  });
+  return r;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  waitForRender
+});
+//# sourceMappingURL=waitForRender.js.map

package/dist/waitForRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/waitForRender.ts"],"sourcesContent":["import { act, render, RenderOptions, RenderResult, waitFor } from '@testing-library/react';\nimport { ReactElement } from 'react';\n\n/* istanbul ignore next */\nexport async function waitForRender(ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): Promise<RenderResult> {\n  let r = {} as RenderResult;\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  await act(async () => {\n    r = render(ui, options);\n    await waitFor(() => r.container, { container: r.container });\n  });\n  return r;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkE;AAIlE,eAAsB,cAAc,IAAkB,SAAiE;AACrH,MAAI,IAAI,CAAC;AAET,YAAM,kBAAI,YAAY;AACpB,YAAI,qBAAO,IAAI,OAAO;AACtB,cAAM,sBAAQ,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC;AAAA,EAC7D,CAAC;AACD,SAAO;AACT;","names":[]}

package/dist/waitForRender.mjs

@@ -0,0 +1,13 @@
+import { act, render, waitFor } from "@testing-library/react";
+async function waitForRender(ui, options) {
+  let r = {};
+  await act(async () => {
+    r = render(ui, options);
+    await waitFor(() => r.container, { container: r.container });
+  });
+  return r;
+}
+export {
+  waitForRender
+};
+//# sourceMappingURL=waitForRender.mjs.map

package/dist/waitForRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/waitForRender.ts"],"sourcesContent":["import { act, render, RenderOptions, RenderResult, waitFor } from '@testing-library/react';\nimport { ReactElement } from 'react';\n\n/* istanbul ignore next */\nexport async function waitForRender(ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): Promise<RenderResult> {\n  let r = {} as RenderResult;\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n  await act(async () => {\n    r = render(ui, options);\n    await waitFor(() => r.container, { container: r.container });\n  });\n  return r;\n}\n"],"mappings":"AAAA,SAAS,KAAK,QAAqC,eAAe;AAIlE,eAAsB,cAAc,IAAkB,SAAiE;AACrH,MAAI,IAAI,CAAC;AAET,QAAM,IAAI,YAAY;AACpB,QAAI,OAAO,IAAI,OAAO;AACtB,UAAM,QAAQ,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC;AAAA,EAC7D,CAAC;AACD,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thisisagile/easy-test-react",
-  "version": "15.8.6",
+  "version": "15.8.7",
   "description": "Straightforward wrapper library for testing-library/react",
   "author": "Sander Hoogendoorn",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "lint": "yarn g:eslint . --ext .js,.jsx,.ts,.tsx --fix",
     "format": "yarn g:prettier --check --write src test *.json",
     "build": "yarn g:tsc",
-    "build:tsup": "yarn g:tsup",
+    "build:tsup": "yarn g:tsup --onSuccess \"yarn g:tsc --emitDeclarationOnly --declaration\"",
     "test": "yarn g:jest --coverage",
     "prepack": "yarn g:copy-readme"
   },
@@ -35,7 +35,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@thisisagile/easy-test": "15.8.6",
+    "@thisisagile/easy-test": "15.8.7",
     "jest-environment-jsdom": "^29.5.0",
     "weak-napi": "^2.0.2"
   },
@@ -43,7 +43,7 @@
     "@testing-library/dom": "^9.2.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
-    "@thisisagile/easy": "^15.8.6",
+    "@thisisagile/easy": "^15.8.7",
     "@types/react": "^18.2.12",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"