@fluid-topics/ft-wc-test-utils 1.1.75

package/README.md

@@ -0,0 +1,2 @@
+Test helpers
+

package/build/FtLitElementTestHelper.d.ts

@@ -0,0 +1,16 @@
+import { FtLitElement, Optional } from "@fluid-topics/ft-wc-utils";
+export declare class FtLitElementTestHelper<T extends FtLitElement> {
+    element: T;
+    constructor(element: T);
+    elementUpdated(): Promise<T>;
+    get<E extends HTMLElement>(selector: string): E;
+    find<E extends HTMLElement>(selector: string): Optional<E>;
+    findAll<E extends HTMLElement>(selector: string): Array<E>;
+    shouldBeHidden(selector?: string): Promise<void>;
+    shouldBeVisible(selector?: string): Promise<void>;
+    shouldNotBeEmpty(selector?: string): Promise<void>;
+    protected shouldHaveTextIgnoringWhiteSpaces(selector: Optional<string>, expectedText: string): Promise<void>;
+    protected matches<E extends HTMLElement>(selector: Optional<string>, matcher: (e: E) => boolean): boolean;
+    protected getTarget<E extends HTMLElement>(selector?: Optional<string>): Optional<E>;
+    protected removeWhiteSpaces(text: string): string;
+}

package/build/FtLitElementTestHelper.js

@@ -0,0 +1,40 @@
+import { elementUpdated, waitUntil } from "@open-wc/testing";
+export class FtLitElementTestHelper {
+    constructor(element) {
+        this.element = element;
+    }
+    elementUpdated() {
+        return elementUpdated(this.element);
+    }
+    get(selector) {
+        return this.find(selector);
+    }
+    find(selector) {
+        return this.element.shadowRoot.querySelector(selector);
+    }
+    findAll(selector) {
+        return [...this.element.shadowRoot.querySelectorAll(selector)];
+    }
+    async shouldBeHidden(selector) {
+        await waitUntil(() => this.matches(selector, target => getComputedStyle(target).display === "none"), "Element should be hidden");
+    }
+    async shouldBeVisible(selector) {
+        await waitUntil(() => this.matches(selector, target => getComputedStyle(target).display != "none"), "Element should be visible");
+    }
+    async shouldNotBeEmpty(selector) {
+        await waitUntil(() => this.matches(selector, target => { var _a; return ((_a = target.textContent) !== null && _a !== void 0 ? _a : "").trim() !== ""; }), `Element <${selector !== null && selector !== void 0 ? selector : this.element.constructor.name}> should have had text`);
+    }
+    async shouldHaveTextIgnoringWhiteSpaces(selector, expectedText) {
+        await waitUntil(() => this.matches(selector, (target) => { var _a; return this.removeWhiteSpaces((_a = target.textContent) !== null && _a !== void 0 ? _a : "") === this.removeWhiteSpaces(expectedText); }), `Element <${selector !== null && selector !== void 0 ? selector : this.element.constructor.name}> should have had text "${expectedText}"`);
+    }
+    matches(selector, matcher) {
+        const target = this.getTarget(selector);
+        return !!target && matcher(target);
+    }
+    getTarget(selector) {
+        return selector ? this.find(selector) : this.element;
+    }
+    removeWhiteSpaces(text) {
+        return text.trim().replace(/\s+/g, "-");
+    }
+}