@schukai/monster 1.12.0 → 1.15.0

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/locale.js

@@ -0,0 +1,44 @@
+'use strict';
+
+import {expect} from "chai"
+
+import {
+    getLocaleOfDocument
+} from "../../../source/dom/locale.js";
+import {Template} from "../../../source/dom/template.js";
+import {initJSDOM} from "../../util/jsdom.js";
+
+describe('Attributes', function () {
+    before(function (done) {
+        initJSDOM().then(() => {
+            done()
+        });
+    });
+
+    describe('getLocaleOfDocument', function () {
+
+
+        [
+            ["de"],
+            ["sl-IT-nedis"],
+            ["en-GB"],
+
+        ].forEach(function (data) {
+
+            let a = data.shift()
+
+
+            it('return language ' + a, function () {
+                let html = document.getElementsByTagName('html');
+                let node = html.item(0);
+
+                node.setAttribute('lang', a);
+                expect(getLocaleOfDocument().toString()).to.be.equal(a);
+            })
+
+        });
+
+
+    });
+
+})

package/test/cases/i18n/locale.js

@@ -0,0 +1,80 @@
+
+
+import {expect} from "chai"
+import {parseLocale, Locale} from "../../../source/i18n/locale.js";
+
+
+describe('Locale', function () {
+
+    describe('new instance', function () {
+
+        [
+            // language, region, script, variants, extlang, privateUse
+            // https://www.rfc-editor.org/rfc/rfc5646.html
+            ['zh', undefined, 'Hant', undefined, undefined, undefined, 'zh-Hant'], // zh-Hant (Chinese written using the Traditional Chinese script)
+            ['de', 'CH', undefined, '1901', undefined, undefined, 'de-CH-1901'],  // de-CH-1901 (German as used in Switzerland using the 1901 variant [orthography])
+            ['sl', 'IT', undefined, 'nedis', undefined, undefined, 'sl-IT-nedis'],  // sl-IT-nedis (Slovenian as used in Italy, Nadiza dialect)
+            ['hy', 'IT', 'Latn', 'arevela', undefined, undefined, 'hy-Latn-IT-arevela'], // hy-Latn-IT-arevela (Eastern Armenian written in Latin script, as used in Italy)
+            ['zh', 'CN', 'Hans', undefined, undefined, undefined, 'zh-Hans-CN'], // zh-Hans-CN (Chinese written using the Simplified script as used in  mainland China)
+            ['sr', 'RS', 'Latn', undefined, undefined, undefined, 'sr-Latn-RS'], // sr-Latn-RS (Serbian written using the Latin script as used in Serbia)
+
+        ].forEach(function (data) {
+
+            let a = data.shift()
+            let b = data.shift()
+            let c = data.shift()
+            let d = data.shift()
+            let e = data.shift()
+            let f = data.shift()
+            let g = data.shift()
+
+            it('new Locale(' + a + ',' + b + ',' + c + ',' + d + ',' + e + ',' + f + ') should return ' + g, function () {
+
+                expect(new Locale(a, b, c, d, e, f).toString()).is.equal(g)
+            });
+        });
+
+    });
+
+    describe('parseLocale()', function () {
+
+        [
+
+            // language, region, script, variants, extlang, privateUse
+            // https://www.rfc-editor.org/rfc/rfc5646.html
+            ['zh', undefined, 'Hant', undefined, undefined, undefined, 'zh-Hant'], // zh-Hant (Chinese written using the Traditional Chinese script)
+            ['de', 'CH', undefined, '1901', undefined, undefined, 'de-CH-1901'],  // de-CH-1901 (German as used in Switzerland using the 1901 variant [orthography])
+            ['sl', 'IT', undefined, 'nedis', undefined, undefined, 'sl-IT-nedis'],  // sl-IT-nedis (Slovenian as used in Italy, Nadiza dialect)
+            ['hy', 'IT', 'Latn', 'arevela', undefined, undefined, 'hy-Latn-IT-arevela'], // hy-Latn-IT-arevela (Eastern Armenian written in Latin script, as used in Italy)
+            ['zh', 'CN', 'Hans', undefined, undefined, undefined, 'zh-Hans-CN'], // zh-Hans-CN (Chinese written using the Simplified script as used in  mainland China)
+            ['sr', 'RS', 'Latn', undefined, undefined, undefined, 'sr-Latn-RS'], // sr-Latn-RS (Serbian written using the Latin script as used in Serbia)
+
+        ].forEach(function (data) {
+
+            let a = data.shift()
+            let b = data.shift()
+            let c = data.shift()
+            let d = data.shift()
+            let e = data.shift()
+            let f = data.shift()
+            let g = data.shift()
+
+            it('new Locale(' + a + ',' + b + ',' + c + ',' + d + ',' + e + ',' + f + ') should return ' + g, function () {
+
+                const locale = parseLocale(g)
+                expect(locale.localeString).to.be.equal(g);
+                expect(locale.language).to.be.equal(a);
+                expect(locale.region).to.be.equal(b);
+                expect(locale.script).to.be.equal(c);
+                expect(locale.variants).to.be.equal(d);
+                expect(locale.extlang).to.be.equal(e);
+                expect(locale.privateUse).to.be.equal(f);
+
+                expect(new Locale(a, b, c, d, e, f).toString()).is.equal(g)
+            });
+        });
+
+    });
+
+
+});

package/test/cases/i18n/provider.js

@@ -0,0 +1,15 @@
+import {expect} from "chai"
+import {Provider} from "../../../source/i18n/provider.js";
+
+describe('Provider', function () {
+
+    describe('Instance and Init', function () {
+
+        it('create instance', function () {
+            expect((new Provider()).getTranslations('en')).is.instanceof(Promise);
+        });
+
+    });
+
+
+});

package/test/cases/i18n/providers/fetch.js

@@ -0,0 +1,65 @@
+import {expect} from "chai"
+
+
+import {Fetch} from "../../../../source/i18n/providers/fetch.js";
+import {Translations} from "../../../../source/i18n/translations.js";
+import {getGlobal} from "../../../../source/types/global.js";
+
+
+const global = getGlobal();
+let fetchReference;
+
+
+describe('Translation Provider Fetch', function () {
+
+
+    afterEach(() => {
+        global['fetch'] = fetchReference;
+    });
+
+    beforeEach(() => {
+
+        fetchReference = global['fetch'];
+        global['fetch'] = function (url, options) {
+            return new Promise((resolve, reject) => {
+                resolve({
+                    json: function () {
+                        return {
+                            a: "test"
+                        }
+                    }
+                });
+            })
+
+        };
+
+    })
+
+    describe('fetch mock data and create translation', function () {
+
+        it('fetch', function (done) {
+
+            let p = (new Fetch(new URL('http://example.com'))).getTranslations('en');
+
+            expect(p).is.instanceof(Promise);
+
+            p.then(r => {
+
+                try {
+                    expect(r).is.instanceof(Translations);
+                    done();
+                } catch (e) {
+                    done(e);
+                }
+
+
+            }).catch(e => {
+                done(e);
+            })
+
+        });
+
+    });
+
+
+});

package/test/cases/i18n/translations.js

@@ -0,0 +1,57 @@
+import {expect} from "chai"
+import {parseLocale} from "../../../source/i18n/locale.js";
+import {Translations} from "../../../source/i18n/translations.js";
+
+describe('Translations', function () {
+
+    describe('Instance and Init', function () {
+
+        let translation;
+
+        beforeEach(() => {
+            translation = new Translations(parseLocale('en-GB'));
+
+            translation.assignTranslations({
+                test1: "abc",
+                test2: {'other': 'xyz'}
+            });
+        })
+
+        it('create instance', function () {
+            expect(new Translations(parseLocale('en-GB'))).is.instanceof(Translations);
+        });
+
+        it('init translations', function () {
+            expect(translation.assignTranslations({
+                test1: "abc",
+                test2: {'other': 'xyz'}
+            })).is.instanceof(Translations);
+        });
+
+    });
+
+    describe('getText', function () {
+
+        let translation;
+
+        beforeEach(() => {
+            translation = new Translations(parseLocale('en-GB'));
+
+            translation.assignTranslations({
+                test1: "abc",
+                test2: {'other': 'xyz'}
+            });
+        })
+
+        it('create, set and get en-GB', function () {
+            expect(translation.getText('test1')).is.equal('abc');
+        });
+
+        it('create, set and get  en-GB with pluralrules', function () {
+            expect(translation.getText('test2')).is.equal('xyz')
+        });
+
+    });
+
+
+});

package/test/cases/monster.js

@@ -1,3 +1,5 @@
+
+
 import {expect} from "chai"
 import {Monster,Version} from "../../source/types/version.js";
 
@@ -7,7 +9,7 @@ describe('Monster', function () {
         let monsterVersion
 
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.12.0')
+    monsterVersion = new Version('1.15.0')
     /**#@-*/
 
         let m = Monster.getVersion();

package/test/cases/{util → text}/formatter.js

@@ -1,3 +1,5 @@
+
+
 import {expect} from "chai"
 import {Formatter} from "../../../source/text/formatter.js";
 

package/test/cases/types/basewithoptions.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import {expect} from "chai"
+import {BaseWithOptions} from "../../../source/types/basewithoptions.js";
+
+
+describe('BaseWithOptions', function () {
+
+    describe('new BaseWithOptions', function () {
+
+        it('is instance of BaseWithOptions', function () {
+            expect(new BaseWithOptions).to.be.instanceOf(BaseWithOptions);
+        });
+
+        it('is instance of Object', function () {
+            expect(new BaseWithOptions).to.be.instanceOf(Object);
+        });
+
+        it('get option is true', function () {
+            expect(new BaseWithOptions({a: true}).getOption('a')).to.be.true;
+        });
+
+    })
+
+})

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',
@@ -41,6 +43,7 @@ function initJSDOM() {
                     'Document',
                     'Node',
                     'Event',
+                    'fetch',
                     'CustomEvent',
                     'Element',
                     'HTMLElement',
@@ -53,6 +56,7 @@ function initJSDOM() {
                     'HTMLTemplateElement',
                     'XMLSerializer',
                     'NodeFilter',
+                    'navigator',
                     'InputEvent',
                     'CustomEvent'
                 ].forEach(key => (g[key] = window[key]));

package/test/web/import.js

@@ -3,20 +3,26 @@ import "./prepare.js";
 import "../cases/logging/logger.js";
 import "../cases/logging/handler.js";
 import "../cases/logging/logentry.js";
-import "../cases/text/comparator.js";
-import "../cases/text/clone.js";
+import "../cases/text/formatter.js";
 import "../cases/dom/updater.js";
 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";
 import "../cases/dom/customelement.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/observer.js";
 import "../cases/types/global.js";
 import "../cases/types/observerlist.js";
+import "../cases/types/basewithoptions.js";
 import "../cases/types/is.js";
 import "../cases/types/proxyobserver.js";
 import "../cases/types/uniquequeue.js";
@@ -34,7 +40,8 @@ import "../cases/constraint/invalid.js";
 import "../cases/constraint/oroperator.js";
 import "../cases/constraint/andoperator.js";
 import "../cases/constraint/isarray.js";
-import "../cases/util/formatter.js";
+import "../cases/util/comparator.js";
+import "../cases/util/clone.js";
 import "../cases/data/pathfinder.js";
 import "../cases/data/pipe.js";
 import "../cases/data/extend.js";

package/test/web/monster-dev.html

@@ -10,13 +10,13 @@
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
 
-    <script src="https://monsterjs.org/dist/1.12.0/dist/monster.dev.js"></script>
+    <script src="https://monsterjs.org/dist/1.15.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.12.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 5. Sep 13:50:26 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 19. Sep 14:41:13 CEST 2021</div>
 </div>
 </body>
 </html>

package/test/web/monster.html

@@ -9,13 +9,13 @@
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
     
-    <script src="https://monsterjs.org/dist/1.12.0/dist/monster.js"></script>
+    <script src="/monster/packages/monster/dist/monster.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.12.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 5. Sep 13:50:26 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 19. Sep 14:41:13 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,JSON,Map,Math.log2,Number.isInteger,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,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,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.12.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 5. Sep 13:50:26 CEST 2021</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.15.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 19. Sep 14:41:13 CEST 2021</div>
 </div>
 <div id="mocks"></div>
 <div id="mocha"></div>