@cute-widgets/base 20.0.1

package/fesm2022/cute-widgets-base-core-ripple.mjs

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { signal, computed, HostListener, Input, Directive } from '@angular/core';
+import { firstValueFrom, fromEvent } from 'rxjs';
+import { take } from 'rxjs/operators';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+const RIPPLE_CLASS_NAME = "cute-ripple-element";
+class Ripple {
+    constructor(target) {
+        this._active = signal(false, ...(ngDevMode ? [{ debugName: "_active" }] : []));
+        this._disabled = false;
+        this.isActive = computed(() => this._active(), ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+        this._target = target;
+    }
+    get disabled() { return this._disabled; }
+    set disabled(v) { this._disabled = v; }
+    stop() {
+        if (this._target) {
+            const existingRipple = this._target.getElementsByClassName(RIPPLE_CLASS_NAME)[0];
+            if (existingRipple) {
+                existingRipple.parentElement?.remove();
+            }
+        }
+        this._active.set(false);
+    }
+    launch(event, options) {
+        if (this.disabled) {
+            return;
+        }
+        if (this.isActive()) {
+            this.stop();
+        }
+        if (this._target && event) {
+            const rect = this._target.getBoundingClientRect();
+            const parent = document.createElement("div");
+            parent.style.position = "absolute";
+            parent.style.top = "0";
+            parent.style.right = "0";
+            parent.style.bottom = "0";
+            parent.style.left = "0";
+            parent.style.overflow = "hidden";
+            parent.style.borderRadius = "inherit";
+            parent.style.transform = "perspective(0)";
+            parent.ariaHidden = "true";
+            parent.classList.add("cute-ripple");
+            const circle = document.createElement("span");
+            const diameter = Math.max(rect.width, rect.height);
+            const radius = diameter / 2;
+            circle.style.width = circle.style.height = `${diameter}px`;
+            if (options?.centered) {
+                circle.style.left = `${rect.width / 2 - radius}px`;
+                circle.style.top = `${rect.height / 2 - radius}px`;
+            }
+            else {
+                circle.style.left = `${event.clientX - rect.left - radius}px`;
+                circle.style.top = `${event.clientY - rect.top - radius}px`;
+            }
+            if (options?.color) {
+                circle.style.setProperty("--cute-ripple-bg-color", options.color);
+            }
+            if (options?.duration) {
+                circle.style.setProperty("--cute-ripple-duration", String(options.duration));
+            }
+            circle.classList.add(RIPPLE_CLASS_NAME);
+            parent.appendChild(circle);
+            this._target.appendChild(parent);
+            this._active.set(true);
+            Promise.any([
+                firstValueFrom(fromEvent(circle, "animationend").pipe(take(1))),
+                firstValueFrom(fromEvent(circle, "animationcancel").pipe(take(1))),
+                //firstValueFrom(fromEvent(document, "mouseup").pipe(take(1))),
+            ]).then(() => {
+                circle.parentElement?.remove();
+                this._active.set(false);
+            });
+        }
+    }
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+class RippleManager {
+    static { this._ripples = new WeakMap(); }
+    static getInstance(target) {
+        return RippleManager.createRipple(target);
+    }
+    static createRipple(target) {
+        if (!target) {
+            throw new Error("'target' is required when instantiating a Ripple object");
+        }
+        let ripple = this._ripples.get(target);
+        if (!ripple) {
+            ripple = new RippleImpl(target);
+            this._ripples.set(target, ripple);
+        }
+        return ripple;
+    }
+    static removeRipple(target) {
+        if (target) {
+            let ripple = this._ripples.get(target);
+            if (ripple) {
+                ripple.stop();
+            }
+            this._ripples.delete(target);
+        }
+    }
+}
+class RippleImpl extends Ripple {
+    constructor(target) {
+        super(target);
+    }
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ */
+class CuteRipple /* extends ... */ {
+    onMouseDown(event) {
+        if (this._ripple) {
+            this._ripple.launch(event, this.rippleOptions);
+        }
+    }
+    constructor(_elemRef) {
+        this._elemRef = _elemRef;
+        this._ripple = RippleManager.createRipple(_elemRef.nativeElement);
+    }
+    ngOnDestroy() {
+        RippleManager.removeRipple(this._elemRef.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRipple /* extends ... */, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteRipple /* extends ... */, isStandalone: true, selector: "[cuteRipple]", inputs: { rippleOptions: ["cuteRipple", "rippleOptions"] }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, exportAs: ["cuteRipple"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRipple /* extends ... */, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuteRipple]',
+                    exportAs: 'cuteRipple',
+                    host: {},
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rippleOptions: [{
+                type: Input,
+                args: ["cuteRipple"]
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ["mousedown", ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuteRipple, Ripple, RippleManager };
+//# sourceMappingURL=cute-widgets-base-core-ripple.mjs.map

package/fesm2022/cute-widgets-base-core-ripple.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-core-ripple.mjs","sources":["../../../../projects/cute-widgets/base/core/ripple/src/Ripple.ts","../../../../projects/cute-widgets/base/core/ripple/src/RippleManager.ts","../../../../projects/cute-widgets/base/core/ripple/src/ripple.directive.ts","../../../../projects/cute-widgets/base/core/ripple/cute-widgets-base-core-ripple.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\n\r\nimport {computed, signal} from \"@angular/core\";\r\nimport {firstValueFrom, fromEvent} from \"rxjs\";\r\nimport {take} from \"rxjs/operators\";\r\n\r\nconst RIPPLE_CLASS_NAME = \"cute-ripple-element\";\r\n\r\nexport type RippleOptions = {centered?: boolean, color?: string|null, duration?: string|number};\r\n\r\nexport abstract class Ripple {\r\n    private _active = signal<boolean>(false);\r\n    private _disabled: boolean = false;\r\n    private readonly _target: HTMLElement | undefined;\r\n\r\n    protected constructor(target: HTMLElement) {\r\n        this._target = target;\r\n    }\r\n\r\n    get disabled(): boolean {return this._disabled}\r\n    set disabled(v: boolean) {this._disabled = v;}\r\n\r\n    isActive = computed(() => this._active());\r\n\r\n    stop(): void {\r\n        if (this._target) {\r\n            const existingRipple = this._target.getElementsByClassName(RIPPLE_CLASS_NAME)[0];\r\n            if (existingRipple) {\r\n              existingRipple.parentElement?.remove();\r\n            }\r\n        }\r\n        this._active.set(false);\r\n    }\r\n\r\n    launch(event: MouseEvent, options?: RippleOptions): void {\r\n\r\n      if (this.disabled) {\r\n        return;\r\n      }\r\n\r\n      if (this.isActive()) {\r\n        this.stop();\r\n      }\r\n\r\n      if (this._target && event) {\r\n        const rect = this._target.getBoundingClientRect();\r\n\r\n        const parent = document.createElement(\"div\");\r\n        parent.style.position = \"absolute\";\r\n        parent.style.top = \"0\";\r\n        parent.style.right = \"0\";\r\n        parent.style.bottom = \"0\";\r\n        parent.style.left = \"0\";\r\n        parent.style.overflow = \"hidden\";\r\n        parent.style.borderRadius = \"inherit\";\r\n        parent.style.transform = \"perspective(0)\";\r\n        parent.ariaHidden = \"true\";\r\n        parent.classList.add(\"cute-ripple\")\r\n\r\n        const circle = document.createElement(\"span\");\r\n        const diameter = Math.max(rect.width, rect.height);\r\n        const radius = diameter/2;\r\n\r\n        circle.style.width = circle.style.height = `${diameter}px`;\r\n        if (options?.centered) {\r\n          circle.style.left = `${rect.width / 2 - radius}px`;\r\n          circle.style.top = `${rect.height / 2 - radius}px`;\r\n        } else {\r\n          circle.style.left = `${event.clientX - rect.left - radius}px`;\r\n          circle.style.top = `${event.clientY - rect.top - radius}px`;\r\n        }\r\n        if (options?.color) {\r\n          circle.style.setProperty(\"--cute-ripple-bg-color\", options.color);\r\n        }\r\n        if (options?.duration) {\r\n          circle.style.setProperty(\"--cute-ripple-duration\", String(options.duration));\r\n        }\r\n        circle.classList.add(RIPPLE_CLASS_NAME);\r\n\r\n        parent.appendChild(circle);\r\n        this._target.appendChild(parent);\r\n\r\n        this._active.set(true);\r\n\r\n        Promise.any([\r\n          firstValueFrom(fromEvent(circle, \"animationend\").pipe(take(1))),\r\n          firstValueFrom(fromEvent(circle, \"animationcancel\").pipe(take(1))),\r\n          //firstValueFrom(fromEvent(document, \"mouseup\").pipe(take(1))),\r\n        ]).then(() => {\r\n          circle.parentElement?.remove();\r\n          this._active.set(false);\r\n        })\r\n\r\n      }\r\n    }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Ripple} from \"./Ripple\";\r\n\r\nexport class RippleManager {\r\n    private static readonly _ripples = new WeakMap<HTMLElement, Ripple>();\r\n\r\n\r\n    static getInstance(target: HTMLElement): Ripple {\r\n        return RippleManager.createRipple(target);\r\n    }\r\n\r\n    static createRipple(target: HTMLElement): Ripple {\r\n\r\n        if (!target) {\r\n            throw new Error(\"'target' is required when instantiating a Ripple object\")\r\n        }\r\n        let ripple = this._ripples.get(target);\r\n        if (!ripple) {\r\n            ripple = new RippleImpl(target);\r\n            this._ripples.set(target, ripple);\r\n        }\r\n        return ripple;\r\n    }\r\n\r\n    static removeRipple(target: HTMLElement) {\r\n        if (target) {\r\n            let ripple = this._ripples.get(target);\r\n            if (ripple) {\r\n                ripple.stop();\r\n            }\r\n            this._ripples.delete(target);\r\n        }\r\n    }\r\n}\r\n\r\nclass RippleImpl extends Ripple {\r\n  constructor(target: HTMLElement) {\r\n    super(target);\r\n  }\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, ElementRef, HostListener, Input, OnDestroy} from \"@angular/core\";\r\nimport {Ripple, RippleOptions} from \"./Ripple\";\r\nimport {RippleManager} from \"./RippleManager\";\r\n\r\n@Directive({\r\n  selector: '[cuteRipple]',\r\n  exportAs: 'cuteRipple',\r\n  host: {},\r\n  standalone: true,\r\n})\r\nexport class CuteRipple /* extends ... */ implements OnDestroy {\r\n  private readonly _ripple: Ripple | undefined;\r\n\r\n  @Input(\"cuteRipple\")\r\n  rippleOptions: RippleOptions | undefined;\r\n\r\n  @HostListener(\"mousedown\", ['$event'])\r\n  protected onMouseDown(event: MouseEvent) {\r\n    if (this._ripple) {\r\n      this._ripple.launch(event, this.rippleOptions);\r\n    }\r\n  }\r\n\r\n  constructor(private _elemRef: ElementRef<HTMLElement>) {\r\n    this._ripple = RippleManager.createRipple(_elemRef.nativeElement);\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    RippleManager.removeRipple(this._elemRef.nativeElement);\r\n  }\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cute-widgets-base-core-testing.mjs

@@ -0,0 +1,210 @@
+import { By } from '@angular/platform-browser';
+
+/**
+ * Spec helpers for working with the DOM
+ */
+/**
+ * Returns a selector for the `data-testid` attribute with the given attribute value.
+ *
+ * @param testId Test id set by `data-testid`
+ *
+ */
+function testIdSelector(testId) {
+    return `[data-testid="${testId}"]`;
+}
+/**
+ * Finds a single element inside the Component by the given CSS selector.
+ * Throws an error if no element was found.
+ *
+ * @param fixture Component fixture
+ * @param selector CSS selector
+ *
+ */
+function queryByCss(fixture, selector) {
+    // The return type of DebugElement#query() is declared as DebugElement,
+    // but the actual return type is DebugElement | null.
+    // See https://github.com/angular/angular/issues/22449.
+    const debugElement = fixture.debugElement.query(By.css(selector));
+    // Fail on null so the return type is always DebugElement.
+    if (!debugElement) {
+        throw new Error(`queryByCss: Element with ${selector} not found`);
+    }
+    return debugElement;
+}
+/**
+ * Finds an element inside the Component by the given `data-testid` attribute.
+ * Throws an error if no element was found.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ *
+ */
+function findEl(fixture, testId) {
+    return queryByCss(fixture, testIdSelector(testId));
+}
+/**
+ * Finds all elements with the given `data-testid` attribute.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ */
+function findEls(fixture, testId) {
+    return fixture.debugElement.queryAll(By.css(testIdSelector(testId)));
+}
+/**
+ * Gets the text content of an element with the given `data-testid` attribute.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ */
+function getText(fixture, testId) {
+    return findEl(fixture, testId).nativeElement.textContent;
+}
+/**
+ * Expects that the element with the given `data-testid` attribute
+ * has the given text content.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ * @param text Expected text
+ */
+function expectText(fixture, testId, text) {
+    expect(getText(fixture, testId)).toBe(text);
+}
+/**
+ * Expects that the element with the given `data-testid` attribute
+ * has the given text content.
+ *
+ * @param fixture Component fixture
+ * @param text Expected text
+ */
+function expectContainedText(fixture, text) {
+    expect(fixture.nativeElement.textContent).toContain(text);
+}
+/**
+ * Expects that a component has the given text content.
+ * Both the component text content and the expected text are trimmed for reliability.
+ *
+ * @param fixture Component fixture
+ * @param text Expected text
+ */
+function expectContent(fixture, text) {
+    expect(fixture.nativeElement.textContent).toBe(text);
+}
+/**
+ * Dispatches a fake event (synthetic event) at the given element.
+ *
+ * @param element Element that is the target of the event
+ * @param type Event name, e.g. `input`
+ * @param bubbles Whether the event bubbles up in the DOM tree
+ */
+function dispatchFakeEvent(element, type, bubbles = false) {
+    //const event = document.createEvent('Event');
+    //event.initEvent(type, bubbles, false);
+    const event = new Event(type, { bubbles, cancelable: false });
+    element.dispatchEvent(event);
+}
+/**
+ * Enters text into a form field (`input`, `textarea` or `select` element).
+ * Triggers appropriate events so Angular takes notice of the change.
+ * If you listen for the `change` event on `input` or `textarea`,
+ * you need to trigger it separately.
+ *
+ * @param element Form field
+ * @param value Form field value
+ */
+function setFieldElementValue(element, value) {
+    element.value = value;
+    // Dispatch an `input` or `change` fake event
+    // so Angular form bindings take notice of the change.
+    const isSelect = element instanceof HTMLSelectElement;
+    dispatchFakeEvent(element, isSelect ? 'change' : 'input', isSelect ? false : true);
+}
+/**
+ * Sets the value of a form field with the given `data-testid` attribute.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ * @param value Form field value
+ */
+function setFieldValue(fixture, testId, value) {
+    setFieldElementValue(findEl(fixture, testId).nativeElement, value);
+}
+/**
+ * Checks or unchecks a checkbox or radio button.
+ * Triggers appropriate events so Angular takes notice of the change.
+ *
+ * @param fixture Component fixture
+ * @param testId Test id set by `data-testid`
+ * @param checked Whether the checkbox or radio should be checked
+ */
+function checkField(fixture, testId, checked) {
+    const { nativeElement } = findEl(fixture, testId);
+    nativeElement.checked = checked;
+    // Dispatch a `change` fake event so Angular form bindings take notice of the change.
+    dispatchFakeEvent(nativeElement, 'change');
+}
+/**
+ * Makes a fake click event that provides the most important properties.
+ * The event can be passed to DebugElement#triggerEventHandler.
+ *
+ * @param target Element that is the target of the click event
+ * @param button (Optional) Button number. Default is Left-Button.
+ */
+function makeClickEvent(target, button = 0) {
+    return {
+        preventDefault() { },
+        stopPropagation() { },
+        stopImmediatePropagation() { },
+        type: 'click',
+        target,
+        currentTarget: target,
+        bubbles: true,
+        cancelable: true,
+        button,
+    };
+}
+/** Button events to pass to `DebugElement.triggerEventHandler` */
+const ButtonClickEvents = {
+    left: { button: 0 },
+    right: { button: 2 },
+};
+/**
+ * Emulates a mouse click event on the target element.
+ *
+ * @param elem Element target
+ * @param eventObj (Optional) MouseEvent object. Default is Left-Button click.
+ */
+function click(elem, eventObj = ButtonClickEvents.left) {
+    if (elem instanceof HTMLElement) {
+        elem.click();
+    }
+    else {
+        elem.triggerEventHandler('click', eventObj);
+    }
+}
+/**
+ * Finds a nested Component by its selector, e.g. `app-example`.
+ * Throws an error if no element was found.
+ * Use this only for shallow component testing.
+ * When finding other elements, use `findEl` / `findEls` and `data-testid` attributes.
+ *
+ * @param fixture Fixture of the parent Component
+ * @param selector Element selector, e.g. `app-example`
+ */
+function findComponent(fixture, selector) {
+    return queryByCss(fixture, selector);
+}
+/**
+ * Finds all nested Components by its selector, e.g. `app-example`.
+ */
+function findComponents(fixture, selector) {
+    return fixture.debugElement.queryAll(By.css(selector));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonClickEvents, checkField, click, dispatchFakeEvent, expectContainedText, expectContent, expectText, findComponent, findComponents, findEl, findEls, getText, makeClickEvent, queryByCss, setFieldElementValue, setFieldValue, testIdSelector };
+//# sourceMappingURL=cute-widgets-base-core-testing.mjs.map

package/fesm2022/cute-widgets-base-core-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-core-testing.mjs","sources":["../../../../projects/cute-widgets/base/core/testing/src/dom-helpers.ts","../../../../projects/cute-widgets/base/core/testing/cute-widgets-base-core-testing.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport { DebugElement } from '@angular/core';\r\nimport { ComponentFixture } from '@angular/core/testing';\r\nimport { By } from '@angular/platform-browser';\r\n\r\ndeclare function expect<T=any>(spy: T): any;\r\n\r\n/**\r\n * Spec helpers for working with the DOM\r\n */\r\n\r\n/**\r\n * Returns a selector for the `data-testid` attribute with the given attribute value.\r\n *\r\n * @param testId Test id set by `data-testid`\r\n *\r\n */\r\nexport function testIdSelector(testId: string): string {\r\n  return `[data-testid=\"${testId}\"]`;\r\n}\r\n\r\n/**\r\n * Finds a single element inside the Component by the given CSS selector.\r\n * Throws an error if no element was found.\r\n *\r\n * @param fixture Component fixture\r\n * @param selector CSS selector\r\n *\r\n */\r\nexport function queryByCss<T>(\r\n  fixture: ComponentFixture<T>,\r\n  selector: string,\r\n): DebugElement {\r\n  // The return type of DebugElement#query() is declared as DebugElement,\r\n  // but the actual return type is DebugElement | null.\r\n  // See https://github.com/angular/angular/issues/22449.\r\n  const debugElement = fixture.debugElement.query(By.css(selector));\r\n  // Fail on null so the return type is always DebugElement.\r\n  if (!debugElement) {\r\n    throw new Error(`queryByCss: Element with ${selector} not found`);\r\n  }\r\n  return debugElement;\r\n}\r\n\r\n/**\r\n * Finds an element inside the Component by the given `data-testid` attribute.\r\n * Throws an error if no element was found.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n *\r\n */\r\nexport function findEl<T>(fixture: ComponentFixture<T>, testId: string): DebugElement {\r\n  return queryByCss<T>(fixture, testIdSelector(testId));\r\n}\r\n\r\n/**\r\n * Finds all elements with the given `data-testid` attribute.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n */\r\nexport function findEls<T>(fixture: ComponentFixture<T>, testId: string): DebugElement[] {\r\n  return fixture.debugElement.queryAll(By.css(testIdSelector(testId)));\r\n}\r\n\r\n/**\r\n * Gets the text content of an element with the given `data-testid` attribute.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n */\r\nexport function getText<T>(fixture: ComponentFixture<T>, testId: string): string {\r\n  return findEl(fixture, testId).nativeElement.textContent;\r\n}\r\n\r\n/**\r\n * Expects that the element with the given `data-testid` attribute\r\n * has the given text content.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n * @param text Expected text\r\n */\r\nexport function expectText<T>(\r\n  fixture: ComponentFixture<T>,\r\n  testId: string,\r\n  text: string,\r\n): void {\r\n  expect(getText(fixture, testId)).toBe(text);\r\n}\r\n\r\n/**\r\n * Expects that the element with the given `data-testid` attribute\r\n * has the given text content.\r\n *\r\n * @param fixture Component fixture\r\n * @param text Expected text\r\n */\r\nexport function expectContainedText<T>(fixture: ComponentFixture<T>, text: string): void {\r\n  expect(fixture.nativeElement.textContent).toContain(text);\r\n}\r\n\r\n/**\r\n * Expects that a component has the given text content.\r\n * Both the component text content and the expected text are trimmed for reliability.\r\n *\r\n * @param fixture Component fixture\r\n * @param text Expected text\r\n */\r\nexport function expectContent<T>(fixture: ComponentFixture<T>, text: string): void {\r\n  expect(fixture.nativeElement.textContent).toBe(text);\r\n}\r\n\r\n/**\r\n * Dispatches a fake event (synthetic event) at the given element.\r\n *\r\n * @param element Element that is the target of the event\r\n * @param type Event name, e.g. `input`\r\n * @param bubbles Whether the event bubbles up in the DOM tree\r\n */\r\nexport function dispatchFakeEvent(\r\n  element: EventTarget,\r\n  type: string,\r\n  bubbles: boolean = false,\r\n): void {\r\n  //const event = document.createEvent('Event');\r\n  //event.initEvent(type, bubbles, false);\r\n  const event = new Event(type, {bubbles, cancelable: false});\r\n  element.dispatchEvent(event);\r\n}\r\n\r\n/**\r\n * Enters text into a form field (`input`, `textarea` or `select` element).\r\n * Triggers appropriate events so Angular takes notice of the change.\r\n * If you listen for the `change` event on `input` or `textarea`,\r\n * you need to trigger it separately.\r\n *\r\n * @param element Form field\r\n * @param value Form field value\r\n */\r\nexport function setFieldElementValue(\r\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement,\r\n  value: string,\r\n): void {\r\n  element.value = value;\r\n  // Dispatch an `input` or `change` fake event\r\n  // so Angular form bindings take notice of the change.\r\n  const isSelect = element instanceof HTMLSelectElement;\r\n  dispatchFakeEvent(element, isSelect ? 'change' : 'input', isSelect ? false : true);\r\n}\r\n\r\n/**\r\n * Sets the value of a form field with the given `data-testid` attribute.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n * @param value Form field value\r\n */\r\nexport function setFieldValue<T>(\r\n  fixture: ComponentFixture<T>,\r\n  testId: string,\r\n  value: string,\r\n): void {\r\n  setFieldElementValue(findEl(fixture, testId).nativeElement, value);\r\n}\r\n\r\n/**\r\n * Checks or unchecks a checkbox or radio button.\r\n * Triggers appropriate events so Angular takes notice of the change.\r\n *\r\n * @param fixture Component fixture\r\n * @param testId Test id set by `data-testid`\r\n * @param checked Whether the checkbox or radio should be checked\r\n */\r\nexport function checkField<T>(\r\n  fixture: ComponentFixture<T>,\r\n  testId: string,\r\n  checked: boolean,\r\n): void {\r\n  const { nativeElement } = findEl(fixture, testId);\r\n  nativeElement.checked = checked;\r\n  // Dispatch a `change` fake event so Angular form bindings take notice of the change.\r\n  dispatchFakeEvent(nativeElement, 'change');\r\n}\r\n\r\n/**\r\n * Makes a fake click event that provides the most important properties.\r\n * The event can be passed to DebugElement#triggerEventHandler.\r\n *\r\n * @param target Element that is the target of the click event\r\n * @param button (Optional) Button number. Default is Left-Button.\r\n */\r\nexport function makeClickEvent(target: EventTarget, button: number = 0): Partial<MouseEvent> {\r\n  return {\r\n    preventDefault(): void {},\r\n    stopPropagation(): void {},\r\n    stopImmediatePropagation(): void {},\r\n    type: 'click',\r\n    target,\r\n    currentTarget: target,\r\n    bubbles: true,\r\n    cancelable: true,\r\n    button,\r\n  };\r\n}\r\n\r\n/** Button events to pass to `DebugElement.triggerEventHandler` */\r\nexport const ButtonClickEvents = {\r\n  left: {button: 0},\r\n  right: {button: 2},\r\n}\r\n\r\n/**\r\n * Emulates a mouse click event on the target element.\r\n *\r\n * @param elem Element target\r\n * @param eventObj (Optional) MouseEvent object. Default is Left-Button click.\r\n */\r\nexport function click(elem: DebugElement | HTMLElement, eventObj: Partial<MouseEvent> = ButtonClickEvents.left): void {\r\n  if (elem instanceof HTMLElement) {\r\n    elem.click();\r\n  } else {\r\n    elem.triggerEventHandler('click', eventObj);\r\n  }\r\n}\r\n\r\n/**\r\n * Finds a nested Component by its selector, e.g. `app-example`.\r\n * Throws an error if no element was found.\r\n * Use this only for shallow component testing.\r\n * When finding other elements, use `findEl` / `findEls` and `data-testid` attributes.\r\n *\r\n * @param fixture Fixture of the parent Component\r\n * @param selector Element selector, e.g. `app-example`\r\n */\r\nexport function findComponent<T>(\r\n  fixture: ComponentFixture<T>,\r\n  selector: string,\r\n): DebugElement {\r\n  return queryByCss(fixture, selector);\r\n}\r\n\r\n/**\r\n * Finds all nested Components by its selector, e.g. `app-example`.\r\n */\r\nexport function findComponents<T>(\r\n  fixture: ComponentFixture<T>,\r\n  selector: string,\r\n): DebugElement[] {\r\n  return fixture.debugElement.queryAll(By.css(selector));\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}