@schukai/monster 1.22.0 → 1.26.0

package/test/cases/types/nodelist.js

@@ -0,0 +1,64 @@
+'use strict';
+
+import {expect} from "chai"
+import {Node} from "../../../source/types/node.js";
+import {NodeList} from "../../../source/types/nodelist.js";
+
+describe('NodeList', function () {
+    describe('#constructor', function () {
+        it('should create an empty NodeList', function () {
+            let nodeList = new NodeList();
+
+            expect(nodeList.size).to.equal(0);
+        });
+
+        it('should create a NodeList from an array', function () {
+            let nodeList = new NodeList([
+                new Node('div'),
+                new Node('div'),
+                new Node('div')
+            ]);
+
+            expect(nodeList.size).to.equal(3);
+        });
+
+        it('should create a NodeList from a NodeList', function () {
+            let nodeList = new NodeList([
+                new Node('div'),
+                new Node('div'),
+                new Node('div')
+            ]);
+
+            let nodeList2 = new NodeList(nodeList);
+
+            expect(nodeList2.size).to.equal(3);
+        });
+    });
+    
+    it('create NodeList', function () {
+        expect(new NodeList()).is.instanceof(NodeList);
+    })
+
+    it('add Node', function () {
+        expect(new NodeList().add(new Node())).to.be.instanceof(NodeList);
+    })
+
+    it('remove Node', function () {
+        expect(new NodeList().remove(new Node())).to.be.instanceof(NodeList);
+    })
+
+    it('has unknown Node', function () {
+        expect(new NodeList().has(new Node)).to.be.false;
+    })
+
+    it('has added Node', function () {
+        const n = new Node;
+        expect(new NodeList().add(n).has(n)).to.be.true;
+    })
+
+    it('throw exception', function () {
+        expect(() => new NodeList().add(1)).to.throw(Error);
+    })
+
+
+});

package/test/cases/types/noderecursiveiterator.js

@@ -0,0 +1,54 @@
+'use strict';
+
+import {expect} from "chai"
+import {Node} from "../../../source/types/node.js";
+import {NodeRecursiveIterator} from "../../../source/types/noderecursiveiterator.js";
+
+describe('NodeRecursiveIterator', function () {
+
+    it('should throw exeption', function () {
+        expect(() => new NodeRecursiveIterator()).to.throw(Error)
+    });
+    it('should be a function', function () {
+        expect(NodeRecursiveIterator).to.be.a('function');
+    });
+
+    it('should be a constructor', function () {
+        expect(new NodeRecursiveIterator(new Node)).to.be.an.instanceof(NodeRecursiveIterator);
+    });
+
+    /**
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/yield
+     */
+    it('undefined should not result in undefined node', function () {
+        const iterator = new NodeRecursiveIterator(new Node);
+
+        const result = [];
+        for (const n of iterator) {
+            expect(n).to.be.an.instanceof(Node);
+            result.push(n.value);
+        }
+
+        expect(result).to.deep.equal([undefined]);
+
+    });
+
+    it('should iterate', function () {
+        const node =
+            new Node('1')
+        node.appendChild(
+            (new Node('2')).appendChild(new Node('2.1')).appendChild(new Node('2.2')).appendChild(new Node('2.3'))).appendChild(new Node('3')).appendChild(new Node('4').appendChild(new Node('4.1')).appendChild(new Node('4.2')));
+
+        const iterator = new NodeRecursiveIterator(node);
+
+        const result = [];
+        for (const n of iterator) {
+            expect(n).to.be.an.instanceof(Node);
+            result.push(n.value);
+        }
+
+        expect(result).to.deep.equal(['1', '2', '2.1', '2.2', '2.3', '3', '4', '4.1', '4.2']);
+
+    });
+
+});

package/test/cases/types/proxyobserver.js

@@ -1,23 +1,65 @@
 import {expect} from "chai"
+import {extend} from "../../../source/data/extend.js";
+import {isObject} from "../../../source/types/is.js";
+import {Observer} from "../../../source/types/observer.js";
 
 import {ProxyObserver} from "../../../source/types/proxyobserver.js";
-import {Observer} from "../../../source/types/observer.js";
-import {isObject} from "../../../source/types/is.js";
 
 describe('ProxyObserver', function () {
 
+    describe('create', function () {
+        it('should return instanceof ProxyObserver', function () {
+            let o = new ProxyObserver({});
+            extend(o.getSubject(), {a: 4});
+            expect(o.getRealSubject()).is.eql({a: 4});
+        });
+    });
+
+    describe('setSubject', function () {
+        it('should run observer', function (done) {
+            let o = new ProxyObserver({a: 1});
+            expect(o.getRealSubject()).is.eql({a: 1});
+            let counter = 0;
+            o.attachObserver(new Observer(function () {
+                if (isObject(this) && this instanceof ProxyObserver) {
+                    counter++;
+                    // only one change as notify runs later
+                    if (counter === 1) {
+                        done();
+                        return;
+                    }
+                    done("called for error");
+                    return;
+                }
+
+                done(new Error("this is not ProxyObserver"))
+            }))
+
+            o.getSubject().c = 4;
+            expect(o.getRealSubject()).is.eql({a: 1, c: 4});
+
+            o.setSubject({b: 2});
+            expect(o.getRealSubject()).is.eql({b: 2});
+
+            o.getSubject().d = 5;
+            expect(o.getRealSubject()).is.eql({b: 2, d: 5});
+
+
+        });
+    });
+
     describe('create', function () {
         it('should return instanceof ProxyObserver', function () {
             let o = new ProxyObserver({});
             expect(o).is.instanceOf(ProxyObserver);
         });
     });
-    
+
     describe('proxy objects', function () {
         it('Proxy objects should not be recommitted', function () {
-            let o = new ProxyObserver({a:{b:true}});
-            o.getSubject().a.b=o.getSubject();
-            o.getSubject().a.b.a.b=false;
+            let o = new ProxyObserver({a: {b: true}});
+            o.getSubject().a.b = o.getSubject();
+            o.getSubject().a.b.a.b = false;
             //expect(o.getSubject()===p.getSubject()).to.be.true;
         });
     });
@@ -67,7 +109,7 @@ describe('ProxyObserver', function () {
 
         it('check Reflect.set() with Subject', function () {
             let r;
-            
+
             const obj = (new ProxyObserver({})).getSubject();
 
             [
@@ -75,14 +117,16 @@ describe('ProxyObserver', function () {
                 undefined,
                 "no"
             ].forEach(function (value) {
-                expect(()=>{obj['data']=value}).to.not.throw();
+                expect(() => {
+                    obj['data'] = value
+                }).to.not.throw();
                 //r = Reflect.set(obj, 'data', value)
                 //expect(r).to.be.true;
             })
-            
-            
+
+
         });
-        
+
 
         [
             ['that', {that: 'checked1'}],

package/test/cases/types/regex.js

@@ -0,0 +1,32 @@
+import * as Crypto from "@peculiar/webcrypto";
+
+import {expect} from "chai"
+import {escapeString} from "../../../source/types/regex.js"
+
+if (!global['crypto']) {
+    global['crypto'] = new Crypto.Crypto();
+}
+
+describe('escapeString', function () {
+
+
+    [
+        ['test1', 'test1'],
+        ['${', '\\$\\{'],
+        ['i18n{', 'i18n\\{'],
+        ['//', '//'],
+        ['\\', '\\\\'],
+       
+    ].forEach(function (data) {
+
+        let a = data.shift()
+        let b = data.shift()
+
+        it('escapeString(' + a + ') should return ' + b, function () {
+            expect(escapeString(a)).is.equal(b)
+        });
+    });
+
+
+});
+

package/test/cases/types/uuid.js

@@ -0,0 +1,42 @@
+import * as Crypto from "@peculiar/webcrypto";
+import {expect} from "chai"
+import {UUID} from "../../../source/types/uuid.js";
+
+if (!global['crypto']) {
+    global['crypto'] = new Crypto.Crypto();
+}
+
+
+describe('UUID', function () {
+
+    describe('.toString()', function () {
+        let uuid = new UUID()
+        let result = uuid.toString();
+
+        it('should return a string', function () {
+            expect(result).is.a('string')
+            expect(result.length).is.equal(36)
+        });
+
+        it('test format', function (done) {
+
+            const regexExp = /^[A-F\d]{8}-[A-F\d]{4}-4[A-F\d]{3}-[89AB][A-F\d]{3}-[A-F\d]{12}$/i;
+
+            for (let i = 0; i < 2000; i++) {
+                const u = new UUID().toString();
+                const r = regexExp.test(u);
+
+                if (r !== true) {
+                    done('no uuid ' + u + ' => ' + r);
+                    return;
+                }
+            }
+
+            done();
+
+        });
+
+    });
+
+});
+

package/test/cases/util/freeze.js

@@ -10,13 +10,39 @@ describe('deepFreeze', function () {
 
             let obj1 = {
                 a: {
-                    b: {}
+                    b: {
+                        c:1
+                    }
                 }
             };
             
-            expect(() => obj1.a.b.c = 1).to.not.throw(TypeError);
-            const  obj2 = deepFreeze(obj1);
-            expect(() => obj2.a.b.c = 1).to.throw(TypeError);
+            let obj2 = {
+                a: {
+                    b: {
+                        c:2
+                    }
+                }
+            };
+
+            expect(obj2).to.not.eql(obj1)
+            obj1.a.b.c = 2;
+            expect(obj2).to.eql(obj1);
+
+            const obj1Freezed = deepFreeze(obj1);
+
+            expect(obj2).to.eql(obj1Freezed);
+
+            try {
+                // https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
+                // no change to the object, exception depends on mode (strict ES 2015, etc)
+                obj1Freezed.a.b.c = 3    
+            } catch (_) {
+
+            }
+
+            expect(obj2).to.eql(obj1Freezed);
+            
+            
         });
 
     });

package/test/cases/util/trimspaces.js

@@ -0,0 +1,24 @@
+import {expect} from "chai"
+import {trimSpaces} from "../../../source/util/trimspaces.js";
+
+
+describe('trimSpaces', function () {
+    [
+        // one stroke is escped by the javascript interpreter, the second stroke escapes the stroke
+        [' value ', 'value'],
+        [' value\\ ', 'value\\ '],
+        ['\\ value\\ ', '\\ value\\ '],
+        ['\ value\ ', 'value'],   
+        ["   value \ ", 'value'], 
+
+    ].forEach(function (data) {
+
+        let a = data.shift()
+        let b = data.shift()
+
+        it('trimSpaces(' + JSON.stringify(a) + ') should return ' + JSON.stringify(b), function () {
+            expect(trimSpaces(a)).to.be.equal(b);
+        });
+    });
+});
+    

package/test/util/cleanupdom.js

@@ -0,0 +1,48 @@
+'use strict';
+
+
+let addedNodes, mutationobserver;
+
+function init() {
+
+    addedNodes = [];
+    mutationobserver = new MutationObserver(function (mutations) {
+        mutations.forEach(function (mutation) {
+            if (mutation.type === 'childList' && mutation.removedNodes) {
+
+                mutation.addedNodes.forEach((n) => {
+                    if (n instanceof HTMLElement) {
+                        addedNodes.push(n);
+                    }
+                })
+            }
+
+        });
+    });
+
+
+}
+
+
+/**
+ *
+ */
+export function initMutationObserverForTesting() {
+
+    if (mutationobserver === undefined) {
+        init()
+    }
+
+    mutationobserver.observe(document.querySelector('head'), {childList: true});
+}
+
+/**
+ *
+ */
+export function cleanupDOMFromTesting() {
+    mutationobserver.disconnect();
+
+    for (const n of addedNodes) {
+        n.remove();
+    }
+}

package/test/util/jsdom.js

@@ -1,29 +1,39 @@
 'use strict';
 
+import {extend} from "../../source/data/extend.js";
 import {getGlobal} from "../../source/types/global.js";
 
+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;}");
+
+
 /**
  * this helper function creates the dom stack in the node environment
  *
  * @return {Promise<unknown>|Promise<void>}
  */
-function initJSDOM() {
+function initJSDOM(options) {
     if (typeof window === "object" && window['DOMParser']) return Promise.resolve();
 
     const g = getGlobal();
 
+    options = extend({}, {
+        pretendToBeVisual: true,
+        contentType: "text/html",
+        includeNodeLocations: true,
+        storageQuota: 10000000,
+        runScripts: "dangerously",
+        resources: "usable"
+    }, options||{})
+
     return import("jsdom").then(({JSDOM}) => {
         const {window} = new JSDOM(`<html>
 <head>
 </head>
 <body>
 <div id="mocks"></div>
-</body>`, {
-            pretendToBeVisual: true,
-            contentType: "text/html",
-            includeNodeLocations: true,
-            storageQuota: 10000000
-        });
+</body>`, options);
 
         g['window'] = window;
 
@@ -35,6 +45,7 @@ function initJSDOM() {
                     'HTMLCollection',
                     'NodeList',
                     'ElementInternals',
+                    'HTMLDocument',
                     'HTMLFormElement',
                     'HTMLInputElement',
                     'HTMLSelectElement',
@@ -44,7 +55,6 @@ function initJSDOM() {
                     'Node',
                     'ShadowRoot',
                     'Event',
-                    'fetch',
                     'CustomEvent',
                     'Element',
                     'HTMLElement',
@@ -59,8 +69,11 @@ function initJSDOM() {
                     'NodeFilter',
                     'navigator',
                     'InputEvent',
+                    'Blob',
                     'CustomEvent'
-                ].forEach(key => (g[key] = window[key]));
+                ].forEach(key => {
+                    g[key] = window[key]
+                });
 
                 resolve();
             })

package/test/web/import.js

@@ -5,22 +5,31 @@ import "../cases/logging/handler.js";
 import "../cases/logging/logentry.js";
 import "../cases/logging/handler/console.js";
 import "../cases/text/formatter.js";
+import "../cases/dom/resource/script.js";
+import "../cases/dom/resource/data.js";
+import "../cases/dom/resource/link/stylesheet.js";
+import "../cases/dom/resource/link.js";
 import "../cases/dom/updater.js";
 import "../cases/dom/attributes.js";
 import "../cases/dom/template.js";
 import "../cases/dom/util.js";
+import "../cases/dom/resourcemanager.js";
 import "../cases/dom/locale.js";
 import "../cases/dom/customcontrol.js";
 import "../cases/dom/assembler.js";
 import "../cases/dom/theme.js";
+import "../cases/dom/worker/factory.js";
+import "../cases/dom/focusmanager.js";
 import "../cases/dom/events.js";
 import "../cases/dom/customelement.js";
+import "../cases/i18n/formatter.js";
 import "../cases/i18n/providers/fetch.js";
 import "../cases/i18n/translations.js";
 import "../cases/i18n/locale.js";
 import "../cases/i18n/provider.js";
 import "../cases/types/queue.js";
 import "../cases/types/binary.js";
+import "../cases/types/regex.js";
 import "../cases/types/observer.js";
 import "../cases/types/global.js";
 import "../cases/types/observerlist.js";
@@ -28,14 +37,18 @@ import "../cases/types/basewithoptions.js";
 import "../cases/types/is.js";
 import "../cases/types/proxyobserver.js";
 import "../cases/types/uniquequeue.js";
+import "../cases/types/node.js";
 import "../cases/types/tokenlist.js";
 import "../cases/types/typeof.js";
+import "../cases/types/uuid.js";
 import "../cases/types/mediatype.js";
 import "../cases/types/dataurl.js";
 import "../cases/types/base.js";
 import "../cases/types/version.js";
+import "../cases/types/nodelist.js";
 import "../cases/types/id.js";
 import "../cases/types/randomid.js";
+import "../cases/types/noderecursiveiterator.js";
 import "../cases/types/validate.js";
 import "../cases/types/stack.js";
 import "../cases/constraint/isobject.js";
@@ -45,6 +58,7 @@ import "../cases/constraint/oroperator.js";
 import "../cases/constraint/andoperator.js";
 import "../cases/constraint/isarray.js";
 import "../cases/util/comparator.js";
+import "../cases/util/trimspaces.js";
 import "../cases/util/clone.js";
 import "../cases/util/freeze.js";
 import "../cases/util/processing.js";
@@ -54,6 +68,7 @@ import "../cases/data/extend.js";
 import "../cases/data/diff.js";
 import "../cases/data/buildmap.js";
 import "../cases/data/datasource.js";
+import "../cases/data/buildtree.js";
 import "../cases/data/transformer.js";
 import "../cases/data/datasource/restapi.js";
 import "../cases/data/datasource/storage/sessionstorage.js";

package/test/web/monster-dev.html

@@ -10,13 +10,13 @@
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
 
-    <script src="https://monsterjs.org/dist/1.22.0/dist/monster.dev.js"></script>
+    <script src="https://monsterjs.org/dist/1.26.0/dist/monster.dev.js"></script>
 
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 1.22.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 25. Okt 12:32:46 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.26.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Do 2. Dez 10:00:50 CET 2021</div>
 </div>
 </body>
 </html>

package/test/web/monster.html

@@ -14,8 +14,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 1.22.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 25. Okt 12:32:46 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.26.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Do 2. Dez 10:00:50 CET 2021</div>
 </div>
 </body>
 </html>

package/test/web/test.html

@@ -5,15 +5,15 @@
     <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.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,ArrayBuffer,atob,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.startsWith,String.prototype.trim,Symbol,Symbol.for,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.fill,Array.prototype.filter,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,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.startsWith,String.prototype.trim,Symbol,Symbol.iterator,Uint16Array,Uint8Array,URL,WeakMap,WeakSet"
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
 
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 1.22.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 25. Okt 12:32:46 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.26.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Do 2. Dez 10:00:50 CET 2021</div>
 </div>
 <div id="mocks"></div>
 <div id="mocha"></div>