@schukai/monster 3.51.5 → 3.52.0

package/test/cases/types/node.mjs

@@ -243,7 +243,7 @@ describe('NodeList', function () {
 
             expect(n2.level).to.be.equal(2)
 
-            console.log(n0.toString());
+            //console.log(n0.toString());
             // expect(n0.toString()).is.equal('');
         });
     });

package/test/util/chai-dom.mjs

@@ -15,7 +15,7 @@
  **********/
 
 export function chaiDom(chai, utils) {
-    let flag = utils.flag,
+    var flag = utils.flag,
 
         elToString = function(el) {
             let desc
@@ -44,7 +44,7 @@ export function chaiDom(chai, utils) {
         },
 
         attrAssert = function(name, val) {
-            var el = flag(this, 'object'), actual = el.getAttribute(name)
+            let el = flag(this, 'object'), actual = el.getAttribute(name)
 
             if (!flag(this, 'negate') || undefined === val) {
                 this.assert(

package/test/util/intersection-mock.mjs

@@ -0,0 +1,69 @@
+import {getGlobal} from "../../source/types/global.mjs";
+
+const global = getGlobal();
+
+export function setupIntersectionObserverMock(
+    {
+        root = null,
+        rootMargin = '',
+        thresholds = [],
+        disconnect = () => null,
+        observe = () => null,
+        takeRecords = () => [],
+        unobserve = () => null,
+    } = {}) {
+
+    const savedImplementation = window.IntersectionObserver;
+
+    let lastObject;
+
+    class MockIntersectionObserver {
+        constructor(callback, options) {
+            this.root = root;
+            this.rootMargin = rootMargin;
+            this.thresholds = thresholds;
+            this.disconnect = disconnect;
+            this.observe = observe;
+            this.takeRecords = takeRecords;
+            this.unobserve = unobserve;
+            this.callback = callback;
+            this.options = options;
+
+            lastObject = this;
+        }
+
+        enterNode() {
+
+            const entries = [];
+            entries.push({
+                isIntersecting: true
+            })
+
+            this['callback'](entries, this);
+        }
+
+
+    }
+
+    Object.defineProperty(window, 'IntersectionObserver', {
+        writable: true,
+        configurable: true,
+        value: MockIntersectionObserver
+    });
+
+    Object.defineProperty(global, 'IntersectionObserver', {
+        writable: true,
+        configurable: true,
+        value: MockIntersectionObserver
+    });
+
+
+    return {
+        restore: function () {
+            window.IntersectionObserver = savedImplementation;
+        },
+        getInstance: function () {
+            return lastObject;
+        }
+    }
+}

package/test/util/jsdom.mjs

@@ -2,6 +2,7 @@
 
 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 "../../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,5 +1,20 @@
-/** 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/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/text/bracketed-key-value-hash.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,MutationObserver,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.51.4</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mi 1. Nov 15:22:40 CET 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';
     }