@schukai/monster 1.13.0 → 1.15.2

package/test/cases/dom/events.js

@@ -2,7 +2,7 @@
 
 import {expect} from "chai"
 
-import {fireEvent} from "../../../source/dom/events.js";
+import {fireEvent, findTargetElementFromEvent} from "../../../source/dom/events.js";
 import {initJSDOM} from "../../util/jsdom.js";
 
 describe('Events', function () {
@@ -11,6 +11,24 @@ describe('Events', function () {
         initJSDOM();
     })
 
+    describe('findTargetElementFromEvent()', function () {
+
+        it('find object', function (done) {
+            let container = document.createElement('div');
+            container.setAttribute('data-monster', 'hello');
+            let div = document.createElement('div');
+            container.appendChild(div);
+            div.addEventListener('click', (event) => {
+
+                let e = findTargetElementFromEvent(event, 'data-monster');
+                expect(e.getAttribute('data-monster')).to.be.equal('hello')
+                done();
+            })
+            fireEvent(div, 'click');
+        });
+
+    });
+
     describe('fireEvent()', function () {
         it('should fire a click event', function (done) {
             let div = document.createElement('div');
@@ -19,7 +37,7 @@ describe('Events', function () {
             })
             fireEvent(div, 'click');
         });
-        
+
         it('should fire a touch event', function (done) {
             let div = document.createElement('div');
             div.addEventListener('touch', () => {
@@ -27,36 +45,36 @@ describe('Events', function () {
             })
             fireEvent(div, 'touch');
         });
-        
+
         it('should fire a touch event on collection', function (done) {
             let div = document.createElement('div');
             div.addEventListener('touch', () => {
                 done();
             })
-            
+
             div.appendChild(document.createElement('div'));
             let collection = div.querySelectorAll('div');
-            
-            
+
+
             fireEvent(collection, 'touch');
         });
-        
+
         it('should fire a touch event', function (done) {
             let div = document.createElement('div');
             div.addEventListener('touch', () => {
                 done();
             })
-            
+
             div.appendChild(document.createElement('div'));
             let collection = div.querySelectorAll('div');
-            
-            
+
+
             fireEvent(collection, 'touch');
-        });        
-        
+        });
+
         it('should throw error', function () {
-            expect(() =>  fireEvent({}, 'touch')).to.throw(Error);
-           ;
+            expect(() => fireEvent({}, 'touch')).to.throw(Error);
+            ;
         });
     });
 

package/test/cases/dom/template.js

@@ -2,13 +2,32 @@
 
 import {expect} from "chai"
 
-import {Template} from "../../../source/dom/template.js";
+import {findDocumentTemplate, Template} from "../../../source/dom/template.js";
 import {initJSDOM} from "../../util/jsdom.js";
 
+const html1 = `
+
+<template id="mytemplate"></template>
+
+`;
+
+
 describe('Template', function () {
+
     before(async function () {
         initJSDOM();
     })
+
+    beforeEach(() => {
+        let mocks = document.getElementById('mocks');
+        mocks.innerHTML = html1;
+    })
+
+    afterEach(() => {
+        let mocks = document.getElementById('mocks');
+        mocks.innerHTML = "";
+    })
+
     describe('create HTMLFragment', function () {
         [
             ["<div>first</div><div>second</div>"],
@@ -46,4 +65,24 @@ describe('Template', function () {
         });
     });
 
+    describe('.findDocumentTemplate()', function () {
+        it('should throw Template not found', function () {
+            const div = document.createElement('div');
+            expect(() => {
+                findDocumentTemplate("noway", div)
+            }).to.throws(Error);
+        })
+    });
+
+    describe('.findDocumentTemplate()', function () {
+        it('should throw Template not found', function () {
+            const div = document.createElement('div');
+            div.remove();
+            let t = findDocumentTemplate("mytemplate", div);
+            expect(t).is.instanceof(Template);
+
+        })
+    });
+
+
 });

package/test/cases/monster.js

@@ -9,7 +9,7 @@ describe('Monster', function () {
         let monsterVersion
 
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.13.0')
+    monsterVersion = new Version('1.15.2')
     /**#@-*/
 
         let m = Monster.getVersion();

package/test/cases/types/proxyobserver.js

@@ -12,6 +12,15 @@ describe('ProxyObserver', function () {
             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;
+            //expect(o.getSubject()===p.getSubject()).to.be.true;
+        });
+    });
 
     describe('notify observer', function () {
         it('should inform observer', function (done) {

package/test/util/jsdom.js

@@ -34,6 +34,8 @@ function initJSDOM() {
                     'self',
                     'HTMLCollection',
                     'NodeList',
+                    'ElementInternals',
+                    'HTMLFormElement',
                     'HTMLInputElement',
                     'HTMLSelectElement',
                     'HTMLTextAreaElement',
@@ -54,6 +56,7 @@ function initJSDOM() {
                     'HTMLTemplateElement',
                     'XMLSerializer',
                     'NodeFilter',
+                    'navigator',
                     'InputEvent',
                     'CustomEvent'
                 ].forEach(key => (g[key] = window[key]));

package/test/web/import.js

@@ -9,6 +9,7 @@ import "../cases/dom/attributes.js";
 import "../cases/dom/template.js";
 import "../cases/dom/util.js";
 import "../cases/dom/locale.js";
+import "../cases/dom/customcontrol.js";
 import "../cases/dom/assembler.js";
 import "../cases/dom/theme.js";
 import "../cases/dom/events.js";

package/test/web/monster-dev.html

@@ -10,13 +10,13 @@
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
 
-    <script src="https://monsterjs.org/dist/1.13.0/dist/monster.dev.js"></script>
+    <script src="https://monsterjs.org/dist/1.15.2/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.13.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 6. Sep 15:27:48 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mo 20. Sep 14:28:00 CEST 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.13.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 6. Sep 15:27:48 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mo 20. Sep 14:28:00 CEST 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.map,Array.prototype.reduce,ArrayBuffer,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,Intl,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.trim,Symbol,Symbol.for,Symbol.iterator,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.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.map,Array.prototype.reduce,ArrayBuffer,DataView,document,Document,DocumentFragment,Element,Event,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.trim,Symbol,Symbol.for,Symbol.iterator,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.13.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 6. Sep 15:27:48 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mo 20. Sep 14:28:00 CEST 2021</div>
 </div>
 <div id="mocks"></div>
 <div id="mocha"></div>