@schukai/monster 3.55.2 → 3.55.3

package/test/cases/components/form/select.mjs

@@ -2,6 +2,7 @@ import {getGlobal} from "../../../../source/types/global.mjs";
 import chai from "chai"
 import {chaiDom} from "../../../util/chai-dom.mjs";
 import {initJSDOM} from "../../../util/jsdom.mjs";
+import {ResizeObserverMock} from "../../../util/resize-observer.mjs";
 
 let expect = chai.expect;
 chai.use(chaiDom);
@@ -42,6 +43,10 @@ describe('Select', function () {
 
             fetchReference = global['fetch'];
 
+            if (!global.ResizeObserver) {
+                global.ResizeObserver = ResizeObserverMock;
+            }
+
             import("../../../../source/components/form/select.mjs").then((m) => {
                 Select = m['Select'];
                 done()
@@ -141,7 +146,7 @@ describe('Select', function () {
                 expect(select).is.instanceof(Select);
             });
 
-            it('should has options', function (done) {
+            it('should have options', function (done) {
 
                 let mocks = document.getElementById('mocks');
                 const select = document.createElement('monster-select');
@@ -150,41 +155,32 @@ describe('Select', function () {
                 select.setOption('mapping.labelTemplate', '${id}')
                 select.setOption('mapping.valueTemplate', '${id}')
 
-                const mutationobserver = new MutationObserver(function (mutations) {
-
-                    for (const [, mutation] of mutations.entries()) {
-                        if (mutation.addedNodes[0].tagName === 'MONSTER-SELECT') {
-
-                            setTimeout(() => {
-                                mutationobserver.disconnect();
-                                try {
-
-                                    const options = select.shadowRoot.querySelectorAll('[data-monster-role=option]');
-                                    // 3 options (see fetch above)
-                                    expect(options.length).is.equal(3);
-
-                                    const optionHtml = select.shadowRoot.querySelector('[data-monster-role=options]');
-                                    expect(optionHtml).contain.html('data-monster-insert-reference="options-0"');
-                                    expect(optionHtml).contain.html('data-monster-insert-reference="options-1"');
-                                    expect(optionHtml).contain.html('data-monster-insert-reference="options-2"');
-                                    expect(optionHtml).contain.not.html('data-monster-insert-reference="options-3"');
+                select.addEventListener('monster-options-set', (e) => {
+                    setTimeout(() => {
 
-                                } catch (e) {
-                                    return done(e);
-                                }
+                        try {
+                            const options = select.shadowRoot.querySelectorAll('[data-monster-role=option]');
+                            expect(options.length).is.equal(3);
 
-                                done();
+                            const optionHtml = select.shadowRoot.querySelector('[data-monster-role=options]');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-0"');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-1"');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-2"');
+                            expect(optionHtml).contain.not.html('data-monster-insert-reference="options-3"');
 
-
-                            }, 100)
+                        } catch (e) {
+                            done(e)
+                            return;
                         }
-                    }
 
-                });
+                        done();
 
-                mutationobserver.observe(mocks, {childList: true});
+                    }, 10)
+                })
+                
                 mocks.appendChild(select);
 
+
             });
 
         });
@@ -198,7 +194,7 @@ describe('Select', function () {
             mocks.innerHTML = "";
         })
 
-        it('should has no options', function (done) {
+        it('should have no options', function (done) {
 
             let mocks = document.getElementById('mocks');
             const select = document.createElement('monster-select');

package/test/cases/components/form/state-button.mjs

@@ -103,7 +103,7 @@ describe('StateButton', function () {
             mocks.innerHTML = "";
         })
 
-        it('should has no options', function (done) {
+        it('should have no options', function (done) {
 
             let mocks = document.getElementById('mocks');
             const button = document.createElement('monster-state-button');

package/test/cases/components/form/tabs.mjs

@@ -64,7 +64,7 @@ describe('Tabs', function () {
             mocks.innerHTML = "";
         })
 
-        it('should has buttons and tabs', function (done) {
+        it('should have buttons and tabs', function (done) {
 
             let mocks = document.getElementById('mocks');
             mocks.innerHTML = html1;

package/test/cases/components/form/template.mjs

@@ -97,7 +97,7 @@ describe('Template', function () {
             mocks.innerHTML = "";
         })
 
-        it('should has no options', function (done) {
+        it('should have no options', function (done) {
 
             const template = document.createElement('monster-template');
             mocks.appendChild(template);

package/test/cases/components/form/tree-select.mjs

@@ -141,7 +141,7 @@ describe('Treeselect', function () {
                 expect(document.createElement('monster-tree-select')).is.instanceof(TreeSelect);
             });
 
-            it('should has options', function (done) {
+            it('should have options', function (done) {
 
                 let mocks = document.getElementById('mocks');
                 const treeselect = document.createElement('monster-tree-select');
@@ -151,28 +151,36 @@ describe('Treeselect', function () {
                 treeselect.setOption('mapping.labelTemplate', '${last_name}');
                 treeselect.setOption('mapping.valueTemplate', '${id | tostring }');
 
-                mocks.appendChild(treeselect);
+                treeselect.addEventListener('monster-options-set', (e) => {
+                    setTimeout(() => {
+
+                        try {
+                            const options = treeselect.shadowRoot.querySelectorAll('[data-monster-role=option]');
+
+                            // 3 options (see fetch above)
+                            expect(options.length).is.equal(3);
 
-                setTimeout(() => {
-                    try {
-                        const options = treeselect.shadowRoot.querySelectorAll('[data-monster-role=option]');
 
-                        // 3 options (see fetch above)
-                        expect(options.length).is.equal(3);
+                            const optionHtml = treeselect.shadowRoot.querySelector('[data-monster-role=options]');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-0"');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-1"');
+                            expect(optionHtml).contain.html('data-monster-insert-reference="options-2"');
+                            expect(optionHtml).contain.not.html('data-monster-insert-reference="options-3"');
 
+                        } catch (e) {
+                            done(e)
+                            return;
+                        }
 
-                        const optionHtml = treeselect.shadowRoot.querySelector('[data-monster-role=options]');
-                        expect(optionHtml).contain.html('data-monster-insert-reference="options-0"');
-                        expect(optionHtml).contain.html('data-monster-insert-reference="options-1"');
-                        expect(optionHtml).contain.html('data-monster-insert-reference="options-2"');
-                        expect(optionHtml).contain.not.html('data-monster-insert-reference="options-3"');
+                        done();
 
-                    } catch (e) {
-                        return done(e);
-                    }
+                    }, 10)
+                })
+                
+                
+                mocks.appendChild(treeselect);
 
-                    done();
-                }, 100)
+            
 
 
             });
@@ -188,7 +196,7 @@ describe('Treeselect', function () {
             mocks.innerHTML = "";
         })
 
-        it('should has no options', function (done) {
+        it('should have no options', function (done) {
 
             let mocks = document.getElementById('mocks');
             const select = document.createElement('monster-tree-select');

package/test/cases/data/extend.mjs

@@ -3,6 +3,7 @@
 import {extend} from "../../../source/data/extend.mjs";
 import {expect} from "chai"
 
+
 class MockForExtends {
     constructor() {
     }
@@ -16,7 +17,7 @@ describe('extend', function () {
            '{"thekey":{}}',{},{thekey:new MockForExtends} 
         ],
         [
-            '{"a":{"b":["1","2","3"]}}',
+            '{"a":{"b":[]}}',
             {
                 a: {
                     b: [
@@ -118,4 +119,44 @@ describe('extend', function () {
 
     });
 
-})
+})
+
+
+
+describe('extend function', () => {
+    it('should extend an object with properties from another object', () => {
+        const target = { a: 1 };
+        const source = { b: 2 };
+        const result = extend(target, source);
+        expect(result).to.deep.equal({ a: 1, b: 2 });
+    });
+
+    it('should throw an error for non-object target', () => {
+        const target = null;
+        const source = { b: 2 };
+        expect(() => extend(target, source)).to.throw();
+    });
+
+    it('should throw an error for non-object source', () => {
+        const target = { a: 1 };
+        const source = "not an object";
+        expect(() => extend(target, source)).to.throw();
+    });
+
+    it('should handle deep object extension', () => {
+        const target = { a: { b: 1 } };
+        const source = { a: { c: 2 }, d: 3 };
+        const result = extend(target, source);
+        expect(result).to.deep.equal({ a: { b: 1, c: 2 }, d: 3 });
+    });
+
+    it('should handle array extension', () => {
+        const target = { a: [1, 2] };
+        const source = { a: [3, 4] };
+        const result = extend(target, source);
+        expect(result).to.deep.equal({ a: [3, 4] });
+    });
+});
+
+
+

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.55.2")
+        monsterVersion = new Version("3.55.3")
 
         let m = getMonsterVersion();
 

package/test/web/test.html

@@ -15,8 +15,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 3.54.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mi 29. Nov 15:34:53 CET 2023</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.55.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Di 23. Jan 21:15:07 CET 2024</div>
 </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>

package/test/web/tests.js

@@ -5,6 +5,7 @@ try {
 try {
 try {
 try {
+try {
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -48103,3 +48104,7 @@ document.getElementById('mocha-stats').style.backgroundColor = 'red';
 document.getElementById('mocha-errors').insertAdjacentHTML('afterbegin', e );
 document.getElementById('mocha-stats').style.backgroundColor = 'red';
 }
+} catch (e) {
+document.getElementById('mocha-errors').insertAdjacentHTML('afterbegin', e );
+document.getElementById('mocha-stats').style.backgroundColor = 'red';
+}