@schukai/monster 3.51.4 → 3.52.0

package/test/util/jsdom.mjs

@@ -1,7 +1,8 @@
 'use strict';
 
-import {extend} from "../../../application/source/data/extend.mjs";
-import {getGlobal} from "../../../application/source/types/global.mjs";
+import {extend} from "../../source/data/extend.mjs";
+import {getGlobal} from "../../source/types/global.mjs";
+//import Storage from "dom-storage";
 
 export const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
 export const isNode = new Function("try {return this===global;}catch(e){return false;}");
@@ -15,6 +16,8 @@ let JSDOMExport = null;
  */
 function initJSDOM(options) {
     if (typeof window === "object" && window['DOMParser']) return Promise.resolve();
+    
+
 
     const g = getGlobal();
 
@@ -42,44 +45,57 @@ function initJSDOM(options) {
             window.addEventListener("load", () => {
 
                 [
-                    'self',
-                    'HTMLCollection',
-                    'NodeList',
+                    'Blob',
+                    'CSSStyleSheet',
+                    'customElements',
+                    'CustomEvent',
+                    'document',
+                    'Document',
+                    'DocumentFragment',
+                    'DOMParser',
+                    'Element',
                     'ElementInternals',
+                    'Event',
+                    'EventTarget',
+                    'getComputedStyle',
+                    'HTMLButtonElement',
+                    'HTMLCollection',
+                    'HTMLDivElement',
                     'HTMLDocument',
+                    'HTMLElement',
                     'HTMLFormElement',
                     'HTMLInputElement',
+                    'HTMLScriptElement',
                     'HTMLSelectElement',
+                    'HTMLTemplateElement',
                     'HTMLTextAreaElement',
-                    'document',
-                    'Document',
-                    'Node',
-                    'ShadowRoot',
-                    'EventTarget',
-                    'Event',
-                    'CustomEvent',
-                    'Element',
-                    'HTMLElement',
-                    'HTMLDivElement',
-                    'customElements',
-                    'DocumentFragment',
-                    'DOMParser',
+                    'InputEvent',
                     'KeyboardEvent',
-                    'CSSStyleSheet',
-                    'HTMLScriptElement',
                     'MutationObserver',
-                    'HTMLTemplateElement',
-                    'XMLSerializer',
-                    'NodeFilter',
                     'navigator',
-                    'InputEvent',
-                    'Blob',
-                    'CustomEvent'
+                    'Node',
+                    'NodeFilter',
+                    'NodeList',
+                    'self',
+                    'ShadowRoot',
+                    'XMLSerializer',
                 ].forEach(key => {
                     g[key] = window[key]
                 });
 
-                resolve();
+
+                import("dom-storage").then(({default: Storage}) => {
+
+
+                    g.localStorage = new Storage(null, {strict: true});
+                    g.sessionStorage = new Storage(null, {strict: true});
+
+                    window['localStorage'] = g.localStorage;
+                    window['sessionStorage'] = g.sessionStorage;
+                });
+
+                resolve(g);
+
             })
         );
 

package/test/util/localstorage.mjs

@@ -1,4 +1,5 @@
 function createStorage() {
+    
     let UNSET = Symbol();
     let s = {},
         noopCallback = () => {

package/test/util/resize-observer.mjs

@@ -0,0 +1,29 @@
+
+
+
+export {ResizeObserverMock}
+
+
+class ResizeObserverMock {
+    constructor(callback) {
+        this.callback = callback;
+        this.elements = [];
+    }
+
+    observe(element) {
+        this.elements.push(element);
+    }
+
+    unobserve(element) {
+        this.elements = this.elements.filter((el) => el !== element);
+    }
+
+    disconnect() {
+        this.elements = [];
+    }
+
+    triggerResize(entries) {
+        this.callback(entries, this);
+    }
+}
+

package/test/util/websocket.mjs

@@ -1,7 +1,10 @@
-import {getGlobal} from "../../../application/source/types/global.mjs";
+import {getGlobal} from "../../source/types/global.mjs";
 
 function initWebSocket() {
-    if (typeof window === "object" && window['WebSocket']) return Promise.resolve();
+
+    if (typeof process === 'undefined' || process.title !== 'node') {
+         return Promise.resolve();
+    }
 
     return import("ws").then((ws) => {
         getGlobal().WebSocket = class extends ws['WebSocket'] {

package/test/web/import.js

@@ -1,93 +1,112 @@
-/** this file was created automatically by the make target test-browser-monster */
+/** this file was created automatically by the run-web-tests script */
 import "./prepare.js";
-import "../cases/monster.mjs";
-import "../cases/logging/logger.mjs";
-import "../cases/logging/logentry.mjs";
-import "../cases/logging/handler/console.mjs";
-import "../cases/logging/handler.mjs";
+import "../cases/components/form/reload.mjs";
+import "../cases/components/form/tabs.mjs";
+import "../cases/components/form/state-button.mjs";
+import "../cases/components/form/select.mjs";
+import "../cases/components/form/confirm-button.mjs";
+import "../cases/components/form/form.mjs";
+import "../cases/components/form/tree-select.mjs";
+import "../cases/components/form/button.mjs";
+import "../cases/components/form/template.mjs";
+import "../cases/components/notify/message.mjs";
+import "../cases/components/notify/notify.mjs";
+import "../cases/components/host/host.mjs";
+import "../cases/components/host/overlay.mjs";
+import "../cases/components/host/util.mjs";
+import "../cases/components/host/details.mjs";
 import "../cases/text/formatter.mjs";
 import "../cases/text/util.mjs";
-import "../cases/dom/slotted-nodes.mjs";
+import "../cases/text/bracketed-key-value-hash.mjs";
+import "../cases/math/random.mjs";
+import "../cases/util/trimspaces.mjs";
+import "../cases/util/processing.mjs";
+import "../cases/util/deadmansswitch.mjs";
+import "../cases/util/comparator.mjs";
+import "../cases/util/freeze.mjs";
+import "../cases/util/clone.mjs";
+import "../cases/logging/handler/console.mjs";
+import "../cases/logging/logger.mjs";
+import "../cases/logging/handler.mjs";
+import "../cases/logging/logentry.mjs";
+import "../cases/net/webconnect.mjs";
+import "../cases/net/webconnect/message.mjs";
+import "../cases/monster.mjs";
+import "../cases/dom/dimension.mjs";
 import "../cases/dom/resource/link/stylesheet.mjs";
-import "../cases/dom/resource/data.mjs";
 import "../cases/dom/resource/link.mjs";
 import "../cases/dom/resource/script.mjs";
+import "../cases/dom/resource/data.mjs";
+import "../cases/dom/util/init-options-from-attributes.mjs";
+import "../cases/dom/util/extract-keys.mjs";
+import "../cases/dom/worker/factory.mjs";
 import "../cases/dom/updater.mjs";
-import "../cases/dom/customcontrol.mjs";
 import "../cases/dom/locale.mjs";
 import "../cases/dom/theme.mjs";
-import "../cases/dom/resource.mjs";
-import "../cases/dom/resourcemanager.mjs";
-import "../cases/dom/util.mjs";
-import "../cases/dom/find.mjs";
-import "../cases/dom/dimension.mjs";
 import "../cases/dom/customelement.mjs";
-import "../cases/dom/attributes.mjs";
-import "../cases/dom/events.mjs";
-import "../cases/dom/worker/factory.mjs";
-import "../cases/dom/template.mjs";
-import "../cases/dom/ready.mjs";
 import "../cases/dom/focusmanager.mjs";
+import "../cases/dom/find.mjs";
+import "../cases/dom/ready.mjs";
+import "../cases/dom/util.mjs";
+import "../cases/dom/customelement-initfromscripthost.mjs";
+import "../cases/dom/slotted-nodes.mjs";
+import "../cases/dom/attributes.mjs";
+import "../cases/dom/resource.mjs";
+import "../cases/dom/resourcemanager.mjs";
 import "../cases/dom/assembler.mjs";
-import "../cases/i18n/translations.mjs";
-import "../cases/i18n/locale.mjs";
-import "../cases/i18n/formatter.mjs";
-import "../cases/i18n/providers/embed.mjs";
-import "../cases/i18n/providers/fetch.mjs";
-import "../cases/i18n/provider.mjs";
-import "../cases/net/webconnect/message.mjs";
-import "../cases/net/webconnect.mjs";
+import "../cases/dom/customcontrol.mjs";
+import "../cases/dom/template.mjs";
+import "../cases/dom/events.mjs";
+import "../cases/data/datasource/dom.mjs";
+import "../cases/data/datasource/storage/localstorage.mjs";
+import "../cases/data/datasource/storage/sessionstorage.mjs";
+import "../cases/data/datasource/server.mjs";
+import "../cases/data/datasource/server/websocket.mjs";
+import "../cases/data/datasource/server/restapi.mjs";
+import "../cases/data/datasource.mjs";
+import "../cases/data/buildmap.mjs";
+import "../cases/data/transformer.mjs";
+import "../cases/data/diff.mjs";
+import "../cases/data/buildtree.mjs";
+import "../cases/data/pathfinder.mjs";
+import "../cases/data/pipe.mjs";
+import "../cases/data/extend.mjs";
+import "../cases/constraint/invalid.mjs";
+import "../cases/constraint/abstractoperator.mjs";
+import "../cases/constraint/oroperator.mjs";
+import "../cases/constraint/isobject.mjs";
+import "../cases/constraint/andoperator.mjs";
+import "../cases/constraint/isarray.mjs";
+import "../cases/constraint/valid.mjs";
+import "../cases/types/nodelist.mjs";
+import "../cases/types/base.mjs";
 import "../cases/types/mediatype.mjs";
-import "../cases/types/typeof.mjs";
-import "../cases/types/observerlist.mjs";
-import "../cases/types/randomid.mjs";
-import "../cases/types/observablequeue.mjs";
-import "../cases/types/uuid.mjs";
-import "../cases/types/observer.mjs";
-import "../cases/types/internal.mjs";
 import "../cases/types/tokenlist.mjs";
-import "../cases/types/queue.mjs";
-import "../cases/types/stack.mjs";
-import "../cases/types/binary.mjs";
-import "../cases/types/basewithoptions.mjs";
-import "../cases/types/regex.mjs";
 import "../cases/types/proxyobserver.mjs";
-import "../cases/types/nodelist.mjs";
 import "../cases/types/version.mjs";
-import "../cases/types/node.mjs";
-import "../cases/types/noderecursiveiterator.mjs";
 import "../cases/types/global.mjs";
+import "../cases/types/observerlist.mjs";
+import "../cases/types/internal.mjs";
+import "../cases/types/observablequeue.mjs";
 import "../cases/types/dataurl.mjs";
+import "../cases/types/binary.mjs";
+import "../cases/types/observer.mjs";
+import "../cases/types/regex.mjs";
+import "../cases/types/randomid.mjs";
+import "../cases/types/id.mjs";
+import "../cases/types/uuid.mjs";
+import "../cases/types/is.mjs";
 import "../cases/types/validate.mjs";
+import "../cases/types/typeof.mjs";
 import "../cases/types/uniquequeue.mjs";
-import "../cases/types/base.mjs";
-import "../cases/types/is.mjs";
-import "../cases/types/id.mjs";
-import "../cases/constraint/isobject.mjs";
-import "../cases/constraint/invalid.mjs";
-import "../cases/constraint/andoperator.mjs";
-import "../cases/constraint/oroperator.mjs";
-import "../cases/constraint/isarray.mjs";
-import "../cases/constraint/abstractoperator.mjs";
-import "../cases/constraint/valid.mjs";
-import "../cases/util/trimspaces.mjs";
-import "../cases/util/deadmansswitch.mjs";
-import "../cases/util/freeze.mjs";
-import "../cases/util/comparator.mjs";
-import "../cases/util/clone.mjs";
-import "../cases/util/processing.mjs";
-import "../cases/data/extend.mjs";
-import "../cases/data/pipe.mjs";
-import "../cases/data/buildmap.mjs";
-import "../cases/data/datasource.mjs";
-import "../cases/data/buildtree.mjs";
-import "../cases/data/transformer.mjs";
-import "../cases/data/pathfinder.mjs";
-import "../cases/data/diff.mjs";
-import "../cases/data/datasource/server.mjs";
-import "../cases/data/datasource/storage/sessionstorage.mjs";
-import "../cases/data/datasource/storage/localstorage.mjs";
-import "../cases/data/datasource/dom.mjs";
-import "../cases/data/datasource/server/restapi.mjs";
-import "../cases/data/datasource/server/websocket.mjs";
-import "../cases/math/random.mjs";
+import "../cases/types/stack.mjs";
+import "../cases/types/basewithoptions.mjs";
+import "../cases/types/node.mjs";
+import "../cases/types/queue.mjs";
+import "../cases/types/noderecursiveiterator.mjs";
+import "../cases/i18n/formatter.mjs";
+import "../cases/i18n/locale.mjs";
+import "../cases/i18n/provider.mjs";
+import "../cases/i18n/providers/fetch.mjs";
+import "../cases/i18n/providers/embed.mjs";
+import "../cases/i18n/translations.mjs";

package/test/web/test.html

@@ -5,7 +5,8 @@
     <title>Mocha Monster</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link rel="stylesheet" href="mocha.css"/>
-   <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.filter,Array.prototype.forEach,Array.prototype.includes,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,Blob,CustomEvent,DataView,document,Document,DocumentFragment,Element,Event,fetch,globalThis,HTMLDocument,HTMLTemplateElement,Intl,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.includes,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.for,Symbol.hasInstance,Symbol.iterator,Uint16Array,Uint8Array,URL,WeakMap,WeakSet"
+   <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.every,Array.prototype.fill,Array.prototype.filter,Array.prototype.find,Array.prototype.forEach,Array.prototype.includes,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.some,Array.prototype.sort,Array.prototype.values,ArrayBuffer,atob,Blob,console,CustomEvent,DataView,Date.prototype.toISOString,document,Document,DocumentFragment,Element,Event,fetch,Function.prototype.bind,getComputedStyle,globalThis,HTMLDocument,HTMLTemplateElement,IntersectionObserver,Intl,JSON,Map,Math.log2,MutationObserver,Number.isFinite,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,requestAnimationFrame,ResizeObserver,Set,String.prototype.endsWith,String.prototype.includes,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.for,Symbol.hasInstance,Symbol.iterator,Uint16Array,Uint8Array,URL,WeakMap,WeakSet"
+            src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.every,Array.prototype.fill,Array.prototype.filter,Array.prototype.find,Array.prototype.forEach,Array.prototype.includes,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.some,Array.prototype.sort,Array.prototype.values,ArrayBuffer,atob,Blob,console,CustomEvent,DataView,Date.prototype.toISOString,document,Document,DocumentFragment,Element,Event,fetch,Function.prototype.bind,getComputedStyle,globalThis,HTMLDocument,HTMLTemplateElement,IntersectionObserver,Intl,JSON,Map,Math.log2,MutationObserver,Number.isFinite,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,requestAnimationFrame,ResizeObserver,Set,String.prototype.endsWith,String.prototype.includes,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.for,Symbol.hasInstance,Symbol.iterator,Uint16Array,Uint8Array,URL,WeakMap,WeakSet"
             src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,HTMLTemplateElement,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.iterator,WeakMap,WeakSet"
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
@@ -14,10 +15,14 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 3.35.4</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 1. Apr 17:29:43 CEST 2023</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 4.0.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Fr 3. Nov 18:43:13 CET 2023</div>
 </div>
-<div id="mocks"></div>
+<div id="mocha-errors"
+     style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>
+<div id="mocha-done"
+     style="color: grey;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>
+<div id="mocks" style="position: absolute;right: 0;top: -1000px;"></div>
 <div id="mocha"></div>
 <script src="mocha.js?"></script>
 <script>
@@ -27,7 +32,13 @@
 <script>
 
     try {
-        mocha.run((failures) => {
+
+        addEventListener("error", (event) => {
+            document.getElementById('mocha-errors').insertAdjacentHTML("afterbegin", event.message);
+            document.getElementById('mocha-stats').style.backgroundColor = 'red';
+        });
+
+        let runner = mocha.run((failures) => {
             if (failures) {
                 document.getElementById('mocha-stats').style.backgroundColor = 'red';
             } else {
@@ -36,7 +47,19 @@
 
         });
 
+        runner.on('end', function () {
+            document.getElementById('mocha-done').insertAdjacentHTML("afterbegin", 'the execution is done');
+            document.getElementById('lastupdate').innerHTML = 'last update ' + new Date();
+        });
+        
+        runner.on('fail', function () {
+            document.querySelector('body').insertAdjacentHTML("afterbegin", '<div style="color: red;">error</div>');
+            document.getElementById('lastupdate').innerHTML = 'last update ' + new Date();
+        });
+
     } catch (e) {
+        document.querySelector('body').insertAdjacentHTML("afterbegin", '<div style="color: red;">' + e + '</div>');
+
         console.error(e);
         document.getElementById('mocha-stats').style.backgroundColor = 'red';
     }