@kirbydesign/designsystem 11.11.4 → 12.0.0-dev-286cdc0

package/fesm2022/kirbydesign-designsystem-testing.mjs

@@ -1,255 +1,248 @@
-import { ColorHelper } from '@kirbydesign/core';
-import * as i0 from '@angular/core';
-import { NgModule } from '@angular/core';
-import { provideIonicAngular } from '@ionic/angular/standalone';
-import { componentOnReady } from '@ionic/core';
-
-class IonicTestingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: IonicTestingModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicTestingModule, providers: [provideIonicAngular({ mode: 'ios', _testing: true })] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicTestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [provideIonicAngular({ mode: 'ios', _testing: true })],
-                }]
-        }] });
-class TestHelper {
-    static { this._init = TestHelper.muteIonicReInitializeWarning(); }
-    static disableAnimationsInTest() {
-        //@ts-ignore
-        window.Ionic = {
-            config: {
-                _testing: true,
-            },
-        };
-    }
-    static muteIonicReInitializeWarning() {
-        const originalWarn = console.warn;
-        const patchedWarn = (warning, ...optionalParams) => {
-            const suppress = `Ionic Angular was already initialized. Make sure IonicModule.forRoot() is just called once.`;
-            if (warning !== suppress)
-                originalWarn(warning, ...optionalParams);
-        };
-        console.warn = patchedWarn;
-    }
-    static { this.ionicModuleForTest = IonicTestingModule; }
-    /*
-     * Checks for the Web Component(s) being ready,
-     * ie. the component is hydrated, styles have been applied
-     * and the Shadow DOM is ready for query
-     */
-    static async whenReady(elementOrNodeList) {
-        if (elementOrNodeList === undefined || elementOrNodeList === null)
-            return Promise.reject('TestHelper.whenReady: Element is null or undefined');
-        if (elementOrNodeList instanceof Element) {
-            await TestHelper.whenDefined(elementOrNodeList);
-            await TestHelper.ionComponentOnReady(elementOrNodeList);
-        }
-        else {
-            await Promise.all(Array.from(elementOrNodeList).map(async (element) => await TestHelper.whenReady(element)));
-        }
-    }
-    /* Checks for the Web Component being defined, ie. the public methods are available */
-    static async whenDefined(element) {
-        await customElements.whenDefined(element.localName);
-    }
-    /* Checks for the Ionic Web Component being ready, ie. the component is hydrated and styles applied */
-    static async ionComponentOnReady(element) {
-        await new Promise((resolve) => {
-            componentOnReady(element, () => resolve());
-        });
-    }
-    static async whenTrue(pollFunc, timeoutInMs = 2000, pollIntervalInMs = 5) {
-        if (pollFunc() === true)
-            return Promise.resolve();
-        return new Promise((resolve, reject) => {
-            let timeoutId, intervalId;
-            const pollState = () => {
-                const result = pollFunc();
-                if (result === true) {
-                    clearTimeout(timeoutId);
-                    clearInterval(intervalId);
-                    resolve();
-                }
-            };
-            timeoutId = setTimeout(() => {
-                clearInterval(intervalId);
-                reject(`Error: Timeout - TestHelper.whenTrue function did not complete within ${timeoutInMs}ms`);
-            }, timeoutInMs);
-            intervalId = setInterval(pollState, pollIntervalInMs);
-        });
-    }
-    static getCssProperty(element, propertyName, pseudoElt) {
-        return window.getComputedStyle(element, pseudoElt).getPropertyValue(propertyName).trim();
-    }
-    static { this.screensize = {
-        phonesmall: { width: '320px', height: '568px' },
-        phone: { width: '375px', height: '667px' },
-        phablet: { width: '575px', height: '767px' },
-        'phablet-landscape': { width: '767px', height: '575px' },
-        tablet: { width: '768px', height: '1024px' },
-        desktop: { width: '1200px', height: '900px' },
-    }; }
-    static resizeTestWindow(size) {
-        return new Promise((resolve, reject) => {
-            if (!window.frameElement) {
-                console.warn('window.frameElement is undefined. Cannot resize test window.');
-                reject();
-            }
-            else {
-                const query = [];
-                if (size.width) {
-                    query.push(`(max-width: ${size.width})`);
-                }
-                if (size.height) {
-                    query.push(`(max-height: ${size.height})`);
-                }
-                console.log(`Set test window size to: ${JSON.stringify(size)}`);
-                window.frameElement.style.width = size.width;
-                window.frameElement.style.height = size.height;
-                const mediaQuery = window.matchMedia(query.join(' and '));
-                if (mediaQuery.matches) {
-                    resolve();
-                }
-                else {
-                    // Ensure window has resized before executing:
-                    mediaQuery.onchange = (ev) => {
-                        if (ev.matches) {
-                            // Stop listening for changes:
-                            mediaQuery.onchange = null;
-                            resolve();
-                        }
-                    };
-                    console.log(`Awaiting media query to match: ${mediaQuery.media}`);
-                }
-            }
-        });
-    }
-    static resetTestWindow() {
-        if (!window.frameElement) {
-            console.warn('window.frameElement is undefined. Cannot resize test window.');
-            return;
-        }
-        console.log('Resetting test window width');
-        window.frameElement.style.width = null;
-        window.frameElement.style.height = null;
-    }
-    static scrollMainWindowToTop() {
-        if (window.parent &&
-            window.parent.document &&
-            window.parent.document.documentElement &&
-            window.parent.document.documentElement.scrollTop > 0) {
-            window.parent.document.documentElement.scrollTop = 0;
-        }
-    }
-    static waitForResizeObserver() {
-        return TestHelper.waitForTimeout(1);
-    }
-    static waitForMutationObserver() {
-        return TestHelper.waitForTimeout(1);
-    }
-    static waitForTimeout(timeoutInMs) {
-        return new Promise((resolve) => setTimeout(resolve, timeoutInMs));
-    }
-}
-
-const ElementCssCustomMatchers = {
-    toHaveComputedStyle: (util) => cssPropertyMatcher(util),
+import { ColorHelper } from "@kirbydesign/core";
+import * as i0 from "@angular/core";
+import { NgModule } from "@angular/core";
+import { provideIonicAngular } from "@ionic/angular";
+import { componentOnReady } from "@ionic/core";
+var IonicTestingModule = class IonicTestingModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: IonicTestingModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: IonicTestingModule
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: IonicTestingModule,
+			providers: [provideIonicAngular({
+				mode: "ios",
+				_testing: true
+			})]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: IonicTestingModule,
+	decorators: [{
+		type: NgModule,
+		args: [{ providers: [provideIonicAngular({
+			mode: "ios",
+			_testing: true
+		})] }]
+	}]
+});
+var TestHelper = class TestHelper {
+	static {
+		this._init = TestHelper.muteIonicReInitializeWarning();
+	}
+	static disableAnimationsInTest() {
+		window.Ionic = { config: { _testing: true } };
+	}
+	static muteIonicReInitializeWarning() {
+		const originalWarn = console.warn;
+		const patchedWarn = (warning, ...optionalParams) => {
+			if (warning !== `Ionic Angular was already initialized. Make sure IonicModule.forRoot() is just called once.`) originalWarn(warning, ...optionalParams);
+		};
+		console.warn = patchedWarn;
+	}
+	static {
+		this.ionicModuleForTest = IonicTestingModule;
+	}
+	static async whenReady(elementOrNodeList) {
+		if (elementOrNodeList === void 0 || elementOrNodeList === null) return Promise.reject("TestHelper.whenReady: Element is null or undefined");
+		if (elementOrNodeList instanceof Element) {
+			await TestHelper.whenDefined(elementOrNodeList);
+			await TestHelper.ionComponentOnReady(elementOrNodeList);
+		} else await Promise.all(Array.from(elementOrNodeList).map(async (element) => await TestHelper.whenReady(element)));
+	}
+	static async whenDefined(element) {
+		await customElements.whenDefined(element.localName);
+	}
+	static async ionComponentOnReady(element) {
+		await new Promise((resolve) => {
+			componentOnReady(element, () => resolve());
+		});
+	}
+	static async whenTrue(pollFunc, timeoutInMs = 2e3, pollIntervalInMs = 5) {
+		if (pollFunc() === true) return Promise.resolve();
+		return new Promise((resolve, reject) => {
+			let timeoutId;
+			let intervalId;
+			const pollState = () => {
+				if (pollFunc() === true) {
+					clearTimeout(timeoutId);
+					clearInterval(intervalId);
+					resolve();
+				}
+			};
+			timeoutId = setTimeout(() => {
+				clearInterval(intervalId);
+				reject(`Error: Timeout - TestHelper.whenTrue function did not complete within ${timeoutInMs}ms`);
+			}, timeoutInMs);
+			intervalId = setInterval(pollState, pollIntervalInMs);
+		});
+	}
+	static getCssProperty(element, propertyName, pseudoElt) {
+		return window.getComputedStyle(element, pseudoElt).getPropertyValue(propertyName).trim();
+	}
+	static {
+		this.screensize = {
+			phonesmall: {
+				width: "320px",
+				height: "568px"
+			},
+			phone: {
+				width: "375px",
+				height: "667px"
+			},
+			phablet: {
+				width: "575px",
+				height: "767px"
+			},
+			"phablet-landscape": {
+				width: "767px",
+				height: "575px"
+			},
+			tablet: {
+				width: "768px",
+				height: "1024px"
+			},
+			desktop: {
+				width: "1200px",
+				height: "900px"
+			}
+		};
+	}
+	static resizeTestWindow(size) {
+		return new Promise((resolve, reject) => {
+			if (!window.frameElement) {
+				console.warn("window.frameElement is undefined. Cannot resize test window.");
+				reject();
+			} else {
+				const query = [];
+				if (size.width) query.push(`(max-width: ${size.width})`);
+				if (size.height) query.push(`(max-height: ${size.height})`);
+				console.log(`Set test window size to: ${JSON.stringify(size)}`);
+				window.frameElement.style.width = size.width ?? "";
+				window.frameElement.style.height = size.height ?? "";
+				const mediaQuery = window.matchMedia(query.join(" and "));
+				if (mediaQuery.matches) resolve();
+				else {
+					mediaQuery.onchange = (ev) => {
+						if (ev.matches) {
+							mediaQuery.onchange = null;
+							resolve();
+						}
+					};
+					console.log(`Awaiting media query to match: ${mediaQuery.media}`);
+				}
+			}
+		});
+	}
+	static resetTestWindow() {
+		if (!window.frameElement) {
+			console.warn("window.frameElement is undefined. Cannot resize test window.");
+			return;
+		}
+		console.log("Resetting test window width");
+		window.frameElement.style.width = "";
+		window.frameElement.style.height = "";
+	}
+	static scrollMainWindowToTop() {
+		if (window.parent && window.parent.document && window.parent.document.documentElement && window.parent.document.documentElement.scrollTop > 0) window.parent.document.documentElement.scrollTop = 0;
+	}
+	static waitForResizeObserver() {
+		return TestHelper.waitForTimeout(1);
+	}
+	static waitForMutationObserver() {
+		return TestHelper.waitForTimeout(1);
+	}
+	static waitForTimeout(timeoutInMs) {
+		return new Promise((resolve) => setTimeout(resolve, timeoutInMs));
+	}
 };
+const ElementCssCustomMatchers = { toHaveComputedStyle: (util) => cssPropertyMatcher(util) };
 function cssPropertyMatcher(util) {
-    return {
-        compare: (element, expectedStyles, pseudoElt) => {
-            let allPassed = Object.keys(expectedStyles).length !== 0;
-            const messages = [];
-            Object.keys(expectedStyles).forEach((cssProperty) => {
-                const expectedValue = expectedStyles[cssProperty];
-                const { expectedStringValue, expectedValueAlias } = getExpectedStringValueAndAlias(cssProperty, expectedValue);
-                const { pass, message } = compareCssProperty(util, element, cssProperty, expectedStringValue, expectedValueAlias, pseudoElt);
-                allPassed = allPassed && pass;
-                if (message) {
-                    messages.push(message);
-                }
-            });
-            const result = {
-                pass: allPassed,
-                message: messages.join('\n'),
-            };
-            return result;
-        },
-    };
+	return { compare: (element, expectedStyles, pseudoElt) => {
+		let allPassed = Object.keys(expectedStyles).length !== 0;
+		const messages = [];
+		Object.keys(expectedStyles).forEach((cssProperty) => {
+			const expectedValue = expectedStyles[cssProperty];
+			const { expectedStringValue, expectedValueAlias } = getExpectedStringValueAndAlias(cssProperty, expectedValue);
+			const { pass, message } = compareCssProperty(util, element, cssProperty, expectedStringValue, expectedValueAlias, pseudoElt);
+			allPassed = allPassed && pass;
+			if (message) messages.push(message);
+		});
+		return {
+			pass: allPassed,
+			message: messages.join("\n")
+		};
+	} };
 }
 function getExpectedStringValueAndAlias(cssProperty, expectedValue) {
-    let expectedStringValue;
-    let expectedValueAlias;
-    if (typeof expectedValue === 'string') {
-        expectedStringValue = expectedValue;
-        // Check of css property is a color:
-        if (cssProperty.indexOf('color') > -1 ||
-            expectedValue.startsWith('rgb') ||
-            expectedValue.startsWith('#')) {
-            // Check if css property is a css variable:
-            // Css variable values are hex when getting computed style, all other property values are rgb:
-            if (!cssProperty.startsWith('--')) {
-                // Not a css variable, convert color to rgb:
-                expectedStringValue = ColorHelper.colorStringToRgbString(expectedValue);
-            }
-        }
-    }
-    else {
-        // Check if css property is a css variable:
-        // Css variable values are hex when getting computed style, all other property values are rgb:
-        expectedStringValue = cssProperty.startsWith('--') ? expectedValue.hex : expectedValue.value;
-        expectedValueAlias = expectedValue.fullname;
-    }
-    return {
-        expectedStringValue,
-        expectedValueAlias,
-    };
+	let expectedStringValue = "";
+	let expectedValueAlias;
+	if (typeof expectedValue === "string") {
+		expectedStringValue = expectedValue;
+		if (cssProperty.indexOf("color") > -1 || expectedValue.startsWith("rgb") || expectedValue.startsWith("#")) {
+			if (!cssProperty.startsWith("--")) expectedStringValue = ColorHelper.colorStringToRgbString(expectedValue);
+		}
+	} else {
+		expectedStringValue = cssProperty.startsWith("--") ? expectedValue.hex ?? "" : normalizeWhitespace(expectedValue.value ?? "");
+		expectedValueAlias = expectedValue.fullname ?? "";
+	}
+	return {
+		expectedStringValue,
+		expectedValueAlias
+	};
+}
+function normalizeWhitespace(value) {
+	return value.replace(/\s+/g, " ");
 }
 function compareCssProperty(util, element, cssProperty, expectedValue, expectedValueAlias, pseudoElt) {
-    const actualValue = TestHelper.getCssProperty(element, cssProperty, pseudoElt);
-    const pass = util.equals(actualValue, expectedValue) || !!compareSize(actualValue, expectedValue);
-    const message = pass
-        ? null
-        : getErrorMessage(element, cssProperty, actualValue, expectedValue, expectedValueAlias, pseudoElt);
-    const result = {
-        pass: pass,
-        message: message,
-    };
-    return result;
+	const actualValue = TestHelper.getCssProperty(element, cssProperty, pseudoElt);
+	const pass = util.equals(actualValue, expectedValue) || !!compareSize(actualValue, expectedValue);
+	return {
+		pass,
+		message: (pass ? null : getErrorMessage(element, cssProperty, actualValue, expectedValue, expectedValueAlias, pseudoElt)) ?? void 0
+	};
 }
 function compareSize(actualValue, expectedValue) {
-    if (!expectedValue.startsWith('<') && !expectedValue.startsWith('>'))
-        return;
-    const matches = expectedValue.match(/(?<operator>\<\=|\<|\>\=|\>)(?<value>\d*)px/);
-    if (matches && matches.groups) {
-        const actualValueNumber = parseInt(actualValue);
-        const operator = matches.groups['operator'];
-        const expectedValueNumber = parseInt(matches.groups['value']);
-        switch (operator) {
-            case '<':
-                return actualValueNumber < expectedValueNumber;
-            case '<=':
-                return actualValueNumber <= expectedValueNumber;
-            case '>':
-                return actualValueNumber > expectedValueNumber;
-            case '>=':
-                return actualValueNumber >= expectedValueNumber;
-            default:
-                break;
-        }
-    }
+	if (!expectedValue.startsWith("<") && !expectedValue.startsWith(">")) return;
+	const matches = expectedValue.match(/(?<operator>\<\=|\<|\>\=|\>)(?<value>\d*)px/);
+	if (matches && matches.groups) {
+		const actualValueNumber = parseInt(actualValue);
+		const operator = matches.groups["operator"];
+		const expectedValueNumber = parseInt(matches.groups["value"]);
+		switch (operator) {
+			case "<": return actualValueNumber < expectedValueNumber;
+			case "<=": return actualValueNumber <= expectedValueNumber;
+			case ">": return actualValueNumber > expectedValueNumber;
+			case ">=": return actualValueNumber >= expectedValueNumber;
+		}
+	}
 }
 function getErrorMessage(element, cssProperty, actualValue, expectedValue, expectedValueAlias, pseudoElt) {
-    const expectedColorNameSuffix = expectedValueAlias ? ` (${expectedValueAlias})` : '';
-    return `Expected [${cssProperty}] of ${element.tagName}${pseudoElt ?? ''} '${actualValue}' to be '${expectedValue}'${expectedColorNameSuffix}`;
+	const expectedColorNameSuffix = expectedValueAlias ? ` (${expectedValueAlias})` : "";
+	return `Expected [${cssProperty}] of ${element.tagName}${pseudoElt ?? ""} '${actualValue}' to be '${expectedValue}'${expectedColorNameSuffix}`;
 }
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { ElementCssCustomMatchers, TestHelper };
-//# sourceMappingURL=kirbydesign-designsystem-testing.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-testing.mjs.map

package/fesm2022/kirbydesign-designsystem-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-testing.mjs","sources":["../../testing/src/test-helper.ts","../../testing/src/element-css-custom-matchers.ts","../../testing/src/kirbydesign-designsystem-testing.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideIonicAngular } from '@ionic/angular/standalone';\nimport { componentOnReady } from '@ionic/core';\n\n@NgModule({\n  providers: [provideIonicAngular({ mode: 'ios', _testing: true })],\n})\nclass IonicTestingModule {}\n\nexport class TestHelper {\n  public static readonly _init = TestHelper.muteIonicReInitializeWarning();\n\n  public static disableAnimationsInTest() {\n    //@ts-ignore\n    window.Ionic = {\n      config: {\n        _testing: true,\n      },\n    };\n  }\n\n  public static muteIonicReInitializeWarning() {\n    const originalWarn = console.warn;\n    const patchedWarn = (warning: any, ...optionalParams: any[]) => {\n      const suppress = `Ionic Angular was already initialized. Make sure IonicModule.forRoot() is just called once.`;\n      if (warning !== suppress) originalWarn(warning, ...optionalParams);\n    };\n    console.warn = patchedWarn;\n  }\n\n  public static ionicModuleForTest = IonicTestingModule;\n\n  /*\n   * Checks for the Web Component(s) being ready,\n   * ie. the component is hydrated, styles have been applied\n   * and the Shadow DOM is ready for query\n   */\n  public static async whenReady(\n    elementOrNodeList: Element | NodeListOf<Element> | Element[]\n  ): Promise<void> {\n    if (elementOrNodeList === undefined || elementOrNodeList === null)\n      return Promise.reject('TestHelper.whenReady: Element is null or undefined');\n    if (elementOrNodeList instanceof Element) {\n      await TestHelper.whenDefined(elementOrNodeList);\n      await TestHelper.ionComponentOnReady(elementOrNodeList);\n    } else {\n      await Promise.all(\n        Array.from(elementOrNodeList).map(async (element) => await TestHelper.whenReady(element))\n      );\n    }\n  }\n\n  /* Checks for the Web Component being defined, ie. the public methods are available */\n  public static async whenDefined(element: Element): Promise<void> {\n    await customElements.whenDefined(element.localName);\n  }\n\n  /* Checks for the Ionic Web Component being ready, ie. the component is hydrated and styles applied */\n  public static async ionComponentOnReady(element: Element): Promise<void> {\n    await new Promise<void>((resolve) => {\n      componentOnReady(element, () => resolve());\n    });\n  }\n\n  public static async whenTrue(\n    pollFunc: () => boolean,\n    timeoutInMs: number = 2000,\n    pollIntervalInMs: number = 5\n  ): Promise<void> {\n    if (pollFunc() === true) return Promise.resolve();\n    return new Promise<void>((resolve, reject) => {\n      let timeoutId, intervalId;\n      const pollState = () => {\n        const result = pollFunc();\n        if (result === true) {\n          clearTimeout(timeoutId);\n          clearInterval(intervalId);\n          resolve();\n        }\n      };\n      timeoutId = setTimeout(() => {\n        clearInterval(intervalId);\n        reject(\n          `Error: Timeout - TestHelper.whenTrue function did not complete within ${timeoutInMs}ms`\n        );\n      }, timeoutInMs);\n      intervalId = setInterval(pollState, pollIntervalInMs);\n    });\n  }\n\n  public static getCssProperty(element: Element, propertyName: string, pseudoElt?: string) {\n    return window.getComputedStyle(element, pseudoElt).getPropertyValue(propertyName).trim();\n  }\n\n  public static screensize = {\n    phonesmall: { width: '320px', height: '568px' },\n    phone: { width: '375px', height: '667px' },\n    phablet: { width: '575px', height: '767px' },\n    'phablet-landscape': { width: '767px', height: '575px' },\n    tablet: { width: '768px', height: '1024px' },\n    desktop: { width: '1200px', height: '900px' },\n  };\n\n  public static resizeTestWindow(size: { width?: string; height?: string }): Promise<void> {\n    return new Promise<void>((resolve, reject) => {\n      if (!window.frameElement) {\n        console.warn('window.frameElement is undefined. Cannot resize test window.');\n        reject();\n      } else {\n        const query = [];\n        if (size.width) {\n          query.push(`(max-width: ${size.width})`);\n        }\n        if (size.height) {\n          query.push(`(max-height: ${size.height})`);\n        }\n        console.log(`Set test window size to: ${JSON.stringify(size)}`);\n        (window.frameElement as HTMLIFrameElement).style.width = size.width;\n        (window.frameElement as HTMLIFrameElement).style.height = size.height;\n        const mediaQuery = window.matchMedia(query.join(' and '));\n        if (mediaQuery.matches) {\n          resolve();\n        } else {\n          // Ensure window has resized before executing:\n          mediaQuery.onchange = (ev) => {\n            if (ev.matches) {\n              // Stop listening for changes:\n              mediaQuery.onchange = null;\n              resolve();\n            }\n          };\n          console.log(`Awaiting media query to match: ${mediaQuery.media}`);\n        }\n      }\n    });\n  }\n\n  public static resetTestWindow(): void {\n    if (!window.frameElement) {\n      console.warn('window.frameElement is undefined. Cannot resize test window.');\n      return;\n    }\n    console.log('Resetting test window width');\n    (window.frameElement as HTMLIFrameElement).style.width = null;\n    (window.frameElement as HTMLIFrameElement).style.height = null;\n  }\n\n  public static scrollMainWindowToTop() {\n    if (\n      window.parent &&\n      window.parent.document &&\n      window.parent.document.documentElement &&\n      window.parent.document.documentElement.scrollTop > 0\n    ) {\n      window.parent.document.documentElement.scrollTop = 0;\n    }\n  }\n\n  public static waitForResizeObserver(): Promise<void> {\n    return TestHelper.waitForTimeout(1);\n  }\n\n  public static waitForMutationObserver(): Promise<void> {\n    return TestHelper.waitForTimeout(1);\n  }\n\n  public static waitForTimeout(timeoutInMs?: number): Promise<void> {\n    return new Promise<void>((resolve) => setTimeout(resolve, timeoutInMs));\n  }\n}\n\nexport type ScreenSize = keyof typeof TestHelper.screensize;\n","import { ColorHelper, ThemeColorDefinition } from '@kirbydesign/core';\nimport jasmine from 'jasmine-core';\nimport { TestHelper } from './test-helper';\n\nimport CustomMatcherFactories = jasmine.CustomMatcherFactories;\nimport CustomMatcherResult = jasmine.CustomMatcherResult;\nimport MatchersUtil = jasmine.MatchersUtil;\n\nexport const ElementCssCustomMatchers: CustomMatcherFactories = {\n  toHaveComputedStyle: (util: MatchersUtil) => cssPropertyMatcher(util),\n};\n\nfunction cssPropertyMatcher(util: MatchersUtil) {\n  return {\n    compare: (\n      element: Element,\n      expectedStyles: { [cssProperty: string]: string | ThemeColorDefinition },\n      pseudoElt?: string\n    ) => {\n      let allPassed = Object.keys(expectedStyles).length !== 0;\n      const messages = [];\n      Object.keys(expectedStyles).forEach((cssProperty) => {\n        const expectedValue = expectedStyles[cssProperty];\n        const { expectedStringValue, expectedValueAlias } = getExpectedStringValueAndAlias(\n          cssProperty,\n          expectedValue\n        );\n        const { pass, message } = compareCssProperty(\n          util,\n          element,\n          cssProperty,\n          expectedStringValue,\n          expectedValueAlias,\n          pseudoElt\n        );\n        allPassed = allPassed && pass;\n        if (message) {\n          messages.push(message);\n        }\n      });\n      const result = {\n        pass: allPassed,\n        message: messages.join('\\n'),\n      };\n      return result;\n    },\n  };\n}\n\nfunction getExpectedStringValueAndAlias(\n  cssProperty: string,\n  expectedValue: string | ThemeColorDefinition\n) {\n  let expectedStringValue: string;\n  let expectedValueAlias: string;\n\n  if (typeof expectedValue === 'string') {\n    expectedStringValue = expectedValue;\n    // Check of css property is a color:\n    if (\n      cssProperty.indexOf('color') > -1 ||\n      expectedValue.startsWith('rgb') ||\n      expectedValue.startsWith('#')\n    ) {\n      // Check if css property is a css variable:\n      // Css variable values are hex when getting computed style, all other property values are rgb:\n      if (!cssProperty.startsWith('--')) {\n        // Not a css variable, convert color to rgb:\n        expectedStringValue = ColorHelper.colorStringToRgbString(expectedValue);\n      }\n    }\n  } else {\n    // Check if css property is a css variable:\n    // Css variable values are hex when getting computed style, all other property values are rgb:\n    expectedStringValue = cssProperty.startsWith('--') ? expectedValue.hex : expectedValue.value;\n    expectedValueAlias = expectedValue.fullname;\n  }\n\n  return {\n    expectedStringValue,\n    expectedValueAlias,\n  };\n}\n\nfunction compareCssProperty(\n  util: MatchersUtil,\n  element: Element,\n  cssProperty: string,\n  expectedValue: string,\n  expectedValueAlias?: string,\n  pseudoElt?: string\n): CustomMatcherResult {\n  const actualValue = TestHelper.getCssProperty(element, cssProperty, pseudoElt);\n  const pass = util.equals(actualValue, expectedValue) || !!compareSize(actualValue, expectedValue);\n  const message = pass\n    ? null\n    : getErrorMessage(\n        element,\n        cssProperty,\n        actualValue,\n        expectedValue,\n        expectedValueAlias,\n        pseudoElt\n      );\n  const result = {\n    pass: pass,\n    message: message,\n  };\n  return result;\n}\n\nfunction compareSize(actualValue: string, expectedValue: string): boolean | void {\n  if (!expectedValue.startsWith('<') && !expectedValue.startsWith('>')) return;\n\n  const matches = expectedValue.match(/(?<operator>\\<\\=|\\<|\\>\\=|\\>)(?<value>\\d*)px/);\n  if (matches && matches.groups) {\n    const actualValueNumber = parseInt(actualValue);\n    const operator = matches.groups['operator'];\n    const expectedValueNumber = parseInt(matches.groups['value']);\n    switch (operator) {\n      case '<':\n        return actualValueNumber < expectedValueNumber;\n      case '<=':\n        return actualValueNumber <= expectedValueNumber;\n      case '>':\n        return actualValueNumber > expectedValueNumber;\n      case '>=':\n        return actualValueNumber >= expectedValueNumber;\n      default:\n        break;\n    }\n  }\n}\n\nfunction getErrorMessage(\n  element: Element,\n  cssProperty: string,\n  actualValue: string,\n  expectedValue: string,\n  expectedValueAlias?: string,\n  pseudoElt?: string\n) {\n  const expectedColorNameSuffix = expectedValueAlias ? ` (${expectedValueAlias})` : '';\n  return `Expected [${cssProperty}] of ${element.tagName}${\n    pseudoElt ?? ''\n  } '${actualValue}' to be '${expectedValue}'${expectedColorNameSuffix}`;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-testing.mjs","names":[],"sources":["../../testing/src/test-helper.ts","../../testing/src/element-css-custom-matchers.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { provideIonicAngular } from '@ionic/angular';\nimport { componentOnReady } from '@ionic/core';\n\n@NgModule({\n  providers: [provideIonicAngular({ mode: 'ios', _testing: true })],\n})\nclass IonicTestingModule {}\n\nexport class TestHelper {\n  public static readonly _init = TestHelper.muteIonicReInitializeWarning();\n\n  public static disableAnimationsInTest() {\n    //@ts-ignore\n    window.Ionic = {\n      config: {\n        _testing: true,\n      },\n    };\n  }\n\n  public static muteIonicReInitializeWarning() {\n    const originalWarn = console.warn;\n    const patchedWarn = (warning: any, ...optionalParams: any[]) => {\n      const suppress = `Ionic Angular was already initialized. Make sure IonicModule.forRoot() is just called once.`;\n      if (warning !== suppress) originalWarn(warning, ...optionalParams);\n    };\n    console.warn = patchedWarn;\n  }\n\n  public static ionicModuleForTest = IonicTestingModule;\n\n  /*\n   * Checks for the Web Component(s) being ready,\n   * ie. the component is hydrated, styles have been applied\n   * and the Shadow DOM is ready for query\n   */\n  public static async whenReady(\n    elementOrNodeList: Element | NodeListOf<Element> | Element[]\n  ): Promise<void> {\n    if (elementOrNodeList === undefined || elementOrNodeList === null)\n      return Promise.reject('TestHelper.whenReady: Element is null or undefined');\n    if (elementOrNodeList instanceof Element) {\n      await TestHelper.whenDefined(elementOrNodeList);\n      await TestHelper.ionComponentOnReady(elementOrNodeList);\n    } else {\n      await Promise.all(\n        Array.from(elementOrNodeList).map(async (element) => await TestHelper.whenReady(element))\n      );\n    }\n  }\n\n  /* Checks for the Web Component being defined, ie. the public methods are available */\n  public static async whenDefined(element: Element): Promise<void> {\n    await customElements.whenDefined(element.localName);\n  }\n\n  /* Checks for the Ionic Web Component being ready, ie. the component is hydrated and styles applied */\n  public static async ionComponentOnReady(element: Element): Promise<void> {\n    await new Promise<void>((resolve) => {\n      componentOnReady(element, () => resolve());\n    });\n  }\n\n  public static async whenTrue(\n    pollFunc: () => boolean,\n    timeoutInMs: number = 2000,\n    pollIntervalInMs: number = 5\n  ): Promise<void> {\n    if (pollFunc() === true) return Promise.resolve();\n    return new Promise<void>((resolve, reject) => {\n      let timeoutId: ReturnType<typeof setTimeout>;\n      let intervalId: ReturnType<typeof setInterval>;\n      const pollState = () => {\n        const result = pollFunc();\n        if (result === true) {\n          clearTimeout(timeoutId);\n          clearInterval(intervalId);\n          resolve();\n        }\n      };\n      timeoutId = setTimeout(() => {\n        clearInterval(intervalId);\n        reject(\n          `Error: Timeout - TestHelper.whenTrue function did not complete within ${timeoutInMs}ms`\n        );\n      }, timeoutInMs);\n      intervalId = setInterval(pollState, pollIntervalInMs);\n    });\n  }\n\n  public static getCssProperty(element: Element, propertyName: string, pseudoElt?: string) {\n    return window.getComputedStyle(element, pseudoElt).getPropertyValue(propertyName).trim();\n  }\n\n  public static screensize = {\n    phonesmall: { width: '320px', height: '568px' },\n    phone: { width: '375px', height: '667px' },\n    phablet: { width: '575px', height: '767px' },\n    'phablet-landscape': { width: '767px', height: '575px' },\n    tablet: { width: '768px', height: '1024px' },\n    desktop: { width: '1200px', height: '900px' },\n  };\n\n  public static resizeTestWindow(size: { width?: string; height?: string }): Promise<void> {\n    return new Promise<void>((resolve, reject) => {\n      if (!window.frameElement) {\n        console.warn('window.frameElement is undefined. Cannot resize test window.');\n        reject();\n      } else {\n        const query = [];\n        if (size.width) {\n          query.push(`(max-width: ${size.width})`);\n        }\n        if (size.height) {\n          query.push(`(max-height: ${size.height})`);\n        }\n        console.log(`Set test window size to: ${JSON.stringify(size)}`);\n        (window.frameElement as HTMLIFrameElement).style.width = size.width ?? '';\n        (window.frameElement as HTMLIFrameElement).style.height = size.height ?? '';\n        const mediaQuery = window.matchMedia(query.join(' and '));\n        if (mediaQuery.matches) {\n          resolve();\n        } else {\n          // Ensure window has resized before executing:\n          mediaQuery.onchange = (ev) => {\n            if (ev.matches) {\n              // Stop listening for changes:\n              mediaQuery.onchange = null;\n              resolve();\n            }\n          };\n          console.log(`Awaiting media query to match: ${mediaQuery.media}`);\n        }\n      }\n    });\n  }\n\n  public static resetTestWindow(): void {\n    if (!window.frameElement) {\n      console.warn('window.frameElement is undefined. Cannot resize test window.');\n      return;\n    }\n    console.log('Resetting test window width');\n    (window.frameElement as HTMLIFrameElement).style.width = '';\n    (window.frameElement as HTMLIFrameElement).style.height = '';\n  }\n\n  public static scrollMainWindowToTop() {\n    if (\n      window.parent &&\n      window.parent.document &&\n      window.parent.document.documentElement &&\n      window.parent.document.documentElement.scrollTop > 0\n    ) {\n      window.parent.document.documentElement.scrollTop = 0;\n    }\n  }\n\n  public static waitForResizeObserver(): Promise<void> {\n    return TestHelper.waitForTimeout(1);\n  }\n\n  public static waitForMutationObserver(): Promise<void> {\n    return TestHelper.waitForTimeout(1);\n  }\n\n  public static waitForTimeout(timeoutInMs?: number): Promise<void> {\n    return new Promise<void>((resolve) => setTimeout(resolve, timeoutInMs));\n  }\n}\n\nexport type ScreenSize = keyof typeof TestHelper.screensize;\n","/// <reference types=\"jasmine\" />\n\nimport { ColorHelper, ThemeColorDefinition } from '@kirbydesign/core';\nimport { TestHelper } from './test-helper';\n\ntype CustomMatcherFactories = jasmine.CustomMatcherFactories;\ntype CustomMatcherResult = jasmine.CustomMatcherResult;\ntype MatchersUtil = jasmine.MatchersUtil;\n\nexport const ElementCssCustomMatchers: CustomMatcherFactories = {\n  toHaveComputedStyle: (util: MatchersUtil) => cssPropertyMatcher(util),\n};\n\nfunction cssPropertyMatcher(util: MatchersUtil) {\n  return {\n    compare: (\n      element: Element,\n      expectedStyles: { [cssProperty: string]: string | ThemeColorDefinition },\n      pseudoElt?: string\n    ) => {\n      let allPassed = Object.keys(expectedStyles).length !== 0;\n      const messages: string[] = [];\n      Object.keys(expectedStyles).forEach((cssProperty) => {\n        const expectedValue = expectedStyles[cssProperty];\n        const { expectedStringValue, expectedValueAlias } = getExpectedStringValueAndAlias(\n          cssProperty,\n          expectedValue\n        );\n        const { pass, message } = compareCssProperty(\n          util,\n          element,\n          cssProperty,\n          expectedStringValue,\n          expectedValueAlias,\n          pseudoElt\n        );\n        allPassed = allPassed && pass;\n        if (message) {\n          messages.push(message);\n        }\n      });\n      const result = {\n        pass: allPassed,\n        message: messages.join('\\n'),\n      };\n      return result;\n    },\n  };\n}\n\nfunction getExpectedStringValueAndAlias(\n  cssProperty: string,\n  expectedValue: string | ThemeColorDefinition\n) {\n  let expectedStringValue = '';\n  let expectedValueAlias: string | undefined;\n\n  if (typeof expectedValue === 'string') {\n    expectedStringValue = expectedValue;\n    // Check of css property is a color:\n    if (\n      cssProperty.indexOf('color') > -1 ||\n      expectedValue.startsWith('rgb') ||\n      expectedValue.startsWith('#')\n    ) {\n      // Check if css property is a css variable:\n      // Css variable values are hex when getting computed style, all other property values are rgb:\n      if (!cssProperty.startsWith('--')) {\n        // Not a css variable, convert color to rgb:\n        expectedStringValue = ColorHelper.colorStringToRgbString(expectedValue);\n      }\n    }\n  } else {\n    // Check if css property is a css variable:\n    // Css variable values are hex when getting computed style, all other property values are rgb:\n    // Normalize esbuild-wrapped RGB values - they are on multiple lines with extra whitespace\n    expectedStringValue = cssProperty.startsWith('--')\n      ? (expectedValue.hex ?? '')\n      : normalizeWhitespace(expectedValue.value ?? '');\n    expectedValueAlias = expectedValue.fullname ?? '';\n  }\n\n  return {\n    expectedStringValue,\n    expectedValueAlias,\n  };\n}\n\nfunction normalizeWhitespace(value: string): string {\n  return value.replace(/\\s+/g, ' ');\n}\n\nfunction compareCssProperty(\n  util: MatchersUtil,\n  element: Element,\n  cssProperty: string,\n  expectedValue: string,\n  expectedValueAlias?: string,\n  pseudoElt?: string\n): CustomMatcherResult {\n  const actualValue = TestHelper.getCssProperty(element, cssProperty, pseudoElt);\n  const pass = util.equals(actualValue, expectedValue) || !!compareSize(actualValue, expectedValue);\n  const message = pass\n    ? null\n    : getErrorMessage(\n        element,\n        cssProperty,\n        actualValue,\n        expectedValue,\n        expectedValueAlias,\n        pseudoElt\n      );\n  const result = {\n    pass: pass,\n    message: message ?? undefined,\n  };\n  return result;\n}\n\nfunction compareSize(actualValue: string, expectedValue: string): boolean | void {\n  if (!expectedValue.startsWith('<') && !expectedValue.startsWith('>')) return;\n\n  const matches = expectedValue.match(/(?<operator>\\<\\=|\\<|\\>\\=|\\>)(?<value>\\d*)px/);\n  if (matches && matches.groups) {\n    const actualValueNumber = parseInt(actualValue);\n    const operator = matches.groups['operator'];\n    const expectedValueNumber = parseInt(matches.groups['value']);\n    switch (operator) {\n      case '<':\n        return actualValueNumber < expectedValueNumber;\n      case '<=':\n        return actualValueNumber <= expectedValueNumber;\n      case '>':\n        return actualValueNumber > expectedValueNumber;\n      case '>=':\n        return actualValueNumber >= expectedValueNumber;\n      default:\n        break;\n    }\n  }\n}\n\nfunction getErrorMessage(\n  element: Element,\n  cssProperty: string,\n  actualValue: string,\n  expectedValue: string,\n  expectedValueAlias?: string,\n  pseudoElt?: string\n) {\n  const expectedColorNameSuffix = expectedValueAlias ? ` (${expectedValueAlias})` : '';\n  return `Expected [${cssProperty}] of ${element.tagName}${\n    pseudoElt ?? ''\n  } '${actualValue}' to be '${expectedValue}'${expectedColorNameSuffix}`;\n}\n"],"mappings":"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"}