@schukai/monster 3.51.4 → 3.52.0

package/source/util/runtime.mjs

@@ -64,56 +64,68 @@ const ENV_UNKNOWN = "unknown";
  * @returns {string} The detected runtime environment. Possible values are:
  */
 function detectRuntimeEnvironment() {
-    // AWS Lambda environment
-    if (typeof process !== "undefined" && process.env != null && process.env.AWS_LAMBDA_FUNCTION_NAME) {
-        return ENV_AWS_LAMBDA;
-    }
+	// AWS Lambda environment
+	if (
+		typeof process !== "undefined" &&
+		process.env != null &&
+		process.env.AWS_LAMBDA_FUNCTION_NAME
+	) {
+		return ENV_AWS_LAMBDA;
+	}
 
-    // Google Cloud Functions environment
-    if (typeof process !== "undefined" && process.env != null && process.env.FUNCTION_NAME) {
-        return ENV_GOOGLE_FUNCTIONS;
-    }
+	// Google Cloud Functions environment
+	if (
+		typeof process !== "undefined" &&
+		process.env != null &&
+		process.env.FUNCTION_NAME
+	) {
+		return ENV_GOOGLE_FUNCTIONS;
+	}
 
-    // Node.js environment
-    if (typeof process !== "undefined" && process.versions != null && process.versions.node != null) {
-        // Electron environment
-        if (process.versions.electron != null) {
-            return ENV_ELECTRON;
-        }
-        return ENV_NODE;
-    }
+	// Node.js environment
+	if (
+		typeof process !== "undefined" &&
+		process.versions != null &&
+		process.versions.node != null
+	) {
+		// Electron environment
+		if (process.versions.electron != null) {
+			return ENV_ELECTRON;
+		}
+		return ENV_NODE;
+	}
 
-    // Browser environment
-    if (
-        typeof window !== "undefined" &&
-        typeof window.document !== "undefined" &&
-        typeof navigator !== "undefined" &&
-        typeof navigator.userAgent === "string"
-    ) {
-        // Web Worker environment
-        if (typeof self === "object" && typeof importScripts === "function") {
-            return ENV_WEB_WORKER;
-        }
-        return ENV_BROWSER;
-    }
+	// Browser environment
+	if (
+		typeof window !== "undefined" &&
+		typeof window.document !== "undefined" &&
+		typeof navigator !== "undefined" &&
+		typeof navigator.userAgent === "string"
+	) {
+		// Web Worker environment
+		if (typeof self === "object" && typeof importScripts === "function") {
+			return ENV_WEB_WORKER;
+		}
+		return ENV_BROWSER;
+	}
 
-    // Deno environment
-    if (typeof Deno !== "undefined") {
-        return ENV_DENO;
-    }
+	// Deno environment
+	if (typeof Deno !== "undefined") {
+		return ENV_DENO;
+	}
 
-    // Unknown environment
-    return ENV_UNKNOWN;
+	// Unknown environment
+	return ENV_UNKNOWN;
 }
 
 export {
-    ENV_AWS_LAMBDA,
-    ENV_GOOGLE_FUNCTIONS,
-    ENV_ELECTRON,
-    ENV_NODE,
-    ENV_BROWSER,
-    ENV_WEB_WORKER,
-    ENV_DENO,
-    ENV_UNKNOWN,
-    detectRuntimeEnvironment,
+	ENV_AWS_LAMBDA,
+	ENV_GOOGLE_FUNCTIONS,
+	ENV_ELECTRON,
+	ENV_NODE,
+	ENV_BROWSER,
+	ENV_WEB_WORKER,
+	ENV_DENO,
+	ENV_UNKNOWN,
+	detectRuntimeEnvironment,
 };

package/source/util/trimspaces.mjs

@@ -37,35 +37,35 @@ export { trimSpaces };
  * @throws {TypeError} value is not a string
  */
 function trimSpaces(value) {
-    validateString(value);
+	validateString(value);
 
-    let placeholder = new Map();
-    const regex = /((?<pattern>\\(?<char>.)){1})/gim;
+	const placeholder = new Map();
+	const regex = /((?<pattern>\\(?<char>.)){1})/gim;
 
-    // The separator for args must be escaped
-    // undefined string which should not occur normally and is also not a regex
-    let result = value.matchAll(regex);
+	// The separator for args must be escaped
+	// undefined string which should not occur normally and is also not a regex
+	const result = value.matchAll(regex);
 
-    for (let m of result) {
-        let g = m?.["groups"];
-        if (!isObject(g)) {
-            continue;
-        }
+	for (const m of result) {
+		const g = m?.["groups"];
+		if (!isObject(g)) {
+			continue;
+		}
 
-        let p = g?.["pattern"];
-        let c = g?.["char"];
+		const p = g?.["pattern"];
+		const c = g?.["char"];
 
-        if (p && c) {
-            let r = `__${new ID().toString()}__`;
-            placeholder.set(r, c);
-            value = value.replace(p, r);
-        }
-    }
+		if (p && c) {
+			const r = `__${new ID().toString()}__`;
+			placeholder.set(r, c);
+			value = value.replace(p, r);
+		}
+	}
 
-    value = value.trim();
-    placeholder.forEach((v, k) => {
-        value = value.replace(k, `\\${v}`);
-    });
+	value = value.trim();
+	placeholder.forEach((v, k) => {
+		value = value.replace(k, `\\${v}`);
+	});
 
-    return value;
+	return value;
 }

package/test/cases/components/form/button.mjs

@@ -0,0 +1,122 @@
+import {getGlobal} from "../../../../source/types/global.mjs";
+import chai from "chai"
+import {chaiDom} from "../../../util/chai-dom.mjs";
+import {initJSDOM} from "../../../util/jsdom.mjs";
+
+let expect = chai.expect;
+chai.use(chaiDom);
+
+const global = getGlobal();
+
+let html1 = `
+    <div id="test1">
+    </div>
+`;
+
+let html2 = `
+    <div id="test2">
+    <monster-button
+                        tabindex="0"
+                        data-monster-bind="path:values.checkbox"
+                        data-monster-options='{
+  "url": "mock-data.json",
+  "mapping": {
+    "valuePath": "\${first_name} \${last_name}",
+    "keyPath": "id"
+  },
+      "type":"checkbox"
+
+}'></monster-button>
+    </div>
+`;
+
+let Button;
+
+describe('Button', function () {
+
+    before(function (done) {
+        initJSDOM().then(() => {
+
+            import("element-internals-polyfill").catch(e => done(e));
+
+            import("../../../../source/components/form/button.mjs").then((m) => {
+                Button = m['Button'];
+                done()
+            }).catch(e => done(e))
+
+
+        });
+    })
+
+    describe('new Button', function () {
+
+        beforeEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = html1;
+        })
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        describe('create from template', function () {
+            beforeEach(() => {
+                let mocks = document.getElementById('mocks');
+                mocks.innerHTML = html2;
+            });
+
+            afterEach(() => {
+                let mocks = document.getElementById('mocks');
+                mocks.innerHTML = "";
+
+            })
+
+            describe('create from template', function () {
+                it('should contains monster-button', function () {
+                    expect(document.getElementById('test2')).contain.html('<monster-button');
+                });
+            });
+
+        });
+
+        describe('document.createElement', function () {
+            it('should instance of button', function () {
+                expect(document.createElement('monster-button')).is.instanceof(Button);
+            });
+        });
+
+    });
+
+    describe('document.createElement()', function () {
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        it('should has no options', function (done) {
+
+            let mocks = document.getElementById('mocks');
+            const button = document.createElement('monster-button');
+            mocks.appendChild(button);
+
+            setTimeout(() => {
+                try {
+                    const options = button.shadowRoot.querySelector('button');
+
+                    expect(options).is.instanceof(HTMLButtonElement);
+                    expect(options.hasChildNodes()).to.be.true;
+                } catch (e) {
+                    return done(e);
+                }
+
+                done();
+            }, 0)
+
+
+        });
+    });
+
+
+});

package/test/cases/components/form/confirm-button.mjs

@@ -0,0 +1,127 @@
+import {DataUrl} from "../../../../source/types/dataurl.mjs";
+
+import {getGlobal} from "../../../../source/types/global.mjs";
+import chai from "chai"
+import {chaiDom} from "../../../util/chai-dom.mjs";
+import {initJSDOM} from "../../../util/jsdom.mjs";
+import {ResizeObserverMock} from "../../../util/resize-observer.mjs";
+
+let expect = chai.expect;
+chai.use(chaiDom);
+
+const global = getGlobal();
+
+let html1, options, html2, ConfirmButton;
+
+describe('ConfirmButton', function () {
+
+    before(function (done) {
+
+        import("element-internals-polyfill").catch(e => done(e));    
+        
+        if(!global.ResizeObserver) {
+            global.ResizeObserver = ResizeObserverMock;
+        }
+
+        options = new DataUrl(btoa(JSON.stringify({
+            popper: {
+                placement: "top"
+            },
+        })), 'application/json', true).toString()
+
+        html2 = `
+    <div id="test2">
+    <monster-confirm-button
+                        tabindex="0"
+                        data-monster-bind="path:values.checkbox"
+                        data-monster-options="` + options + `"></monster-confirm-button>
+    </div>
+`;
+
+        html1 = `
+    <div id="test1">
+    </div>
+`
+
+
+        initJSDOM().then(() => {
+
+            import("../../../../source/components/form/confirm-button.mjs").then((m) => {
+                ConfirmButton = m['ConfirmButton'];
+                done()
+            }).catch(e => done(e))
+
+
+        });
+    })
+
+    describe('new ConfirmButton', function () {
+
+        beforeEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = html1;
+        })
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        describe('create from template', function () {
+            beforeEach(() => {
+                let mocks = document.getElementById('mocks');
+                mocks.innerHTML = html2;
+            });
+
+            afterEach(() => {
+                let mocks = document.getElementById('mocks');
+                mocks.innerHTML = "";
+
+            })
+
+            describe('create from template', function () {
+                it('should contains monster-confirm-button', function () {
+                    expect(document.getElementById('test2')).contain.html('<monster-confirm-button');
+                });
+            });
+
+        });
+
+        describe('document.createElement', function () {
+            it('should instance of button', function () {
+                expect(document.createElement('monster-confirm-button')).is.instanceof(ConfirmButton);
+            });
+        });
+
+    });
+
+    describe('document.createElement()', function () {
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        it('should has childs', function (done) {
+
+            let mocks = document.getElementById('mocks');
+            const button = document.createElement('monster-confirm-button');
+            mocks.appendChild(button);
+
+            setTimeout(() => {
+                try {
+                    const content = button.shadowRoot.querySelector('monster-button');
+                    expect(content.hasChildNodes()).to.be.true;
+                } catch (e) {
+                    return done(e);
+                }
+
+                done();
+            }, 0)
+
+
+        });
+    });
+
+
+});