@schukai/monster 4.128.1 → 4.128.3

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("4.125.0")
+        monsterVersion = new Version("4.128.2")
 
         let m = getMonsterVersion();
 

package/test/cases/types/proxyobserver.mjs

@@ -261,4 +261,35 @@ describe('ProxyObserver', function () {
         });
     });
 
+    describe('runtime compatibility', function () {
+        it('should allow nested object access without DOM globals', function () {
+            const proxy = new ProxyObserver({options: {enabled: true}});
+            expect(proxy.getSubject().options.enabled).to.equal(true);
+        });
+
+        it('should preserve setter semantics for accessor-backed instances', function () {
+            let setterCalls = 0;
+
+            class Example {
+                set value(v) {
+                    setterCalls++;
+                    this._value = v;
+                }
+
+                get value() {
+                    return this._value;
+                }
+            }
+
+            const instance = new Example();
+            const proxy = new ProxyObserver({instance});
+
+            proxy.getSubject().instance.value = 7;
+
+            expect(setterCalls).to.equal(1);
+            expect(instance.value).to.equal(7);
+            expect(Object.prototype.hasOwnProperty.call(instance, 'value')).to.be.false;
+        });
+    });
+
 })

package/test/web/import.js

@@ -3,6 +3,7 @@ import "./prepare.js";
 import "../cases/components/layout/tabs.mjs";
 import "../cases/components/layout/slit-panel.mjs";
 import "../cases/components/layout/panel.mjs";
+import "../cases/components/content/image-editor.mjs";
 import "../cases/components/form/buy-box.mjs";
 import "../cases/components/form/message-state-button.mjs";
 import "../cases/components/form/button-bar.mjs";
@@ -12,6 +13,7 @@ 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/wizard.mjs";
 import "../cases/components/form/button.mjs";
 import "../cases/components/form/toggle-switch.mjs";
 import "../cases/components/form/template.mjs";
@@ -21,6 +23,7 @@ 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/components/datatable/drag-scroll.mjs";
 import "../cases/components/datatable/writeback-sanitizer.mjs";
 import "../cases/components/datatable/pagination.mjs";
 import "../cases/text/formatter.mjs";

package/test/web/puppeteer.mjs

@@ -1,6 +1,9 @@
 import puppeteer from 'puppeteer';
 import {unlinkSync} from 'fs';
 import {existsSync} from 'fs';
+import {mkdtempSync, rmSync} from 'fs';
+import {tmpdir} from 'os';
+import path from 'path';
 
 
 // args auswerten mit --path und --browser, get from args
@@ -30,82 +33,102 @@ if (!config.browser) {
 
 
 (async () => {
-    const browser = await puppeteer.launch({
-        headless: 'new', // if you want to see the browser, set this to false
-        executablePath: config.browser,
-        //args: ['--no-sandbox',"--window-size=1440,1000", "--no-sandbox", "--disable-setuid-sandbox", "--disable-gpu"],
-        args: ["--disable-gpu",
-            '--no-sandbox',
-            '--disable-setuid-sandbox',
-            '--user-data-dir=/tmp',
-            '--enable-logging=stderr',
-            '--disable-web-security',
-            '--disable-features=IsolateOrigins',
-            '--disable-site-isolation-trials'
-        ],
+    const userDataDir = mkdtempSync(path.join(tmpdir(), 'monster-webtest-'));
+    let browser;
+
+    try {
+        try {
+            browser = await puppeteer.launch({
+                headless: 'new', // if you want to see the browser, set this to false
+                executablePath: config.browser,
+                //args: ['--no-sandbox',"--window-size=1440,1000", "--no-sandbox", "--disable-setuid-sandbox", "--disable-gpu"],
+                args: ["--disable-gpu",
+                    '--no-sandbox',
+                    '--disable-setuid-sandbox',
+                    `--user-data-dir=${userDataDir}`,
+                    '--enable-logging=stderr',
+                    '--disable-web-security',
+                    '--disable-features=IsolateOrigins',
+                    '--disable-site-isolation-trials',
+                    '--disable-crash-reporter',
+                    '--disable-breakpad',
+                    '--no-first-run',
+                    '--no-default-browser-check',
+                    '--disable-dev-shm-usage'
+                ],
+                
+                userAgent: 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36',
+                waitUntil: 'load', 
+                timeout: 0,
+                protocolTimeout: 0,
+                dumpio: true
+            });
+        } catch (error) {
+            console.error('Browser launch failed');
+            console.error(`Browser executable: ${config.browser}`);
+            console.error(`Browser profile: ${userDataDir}`);
+            throw error;
+        }
+
+        const page = await browser.newPage();
+        const fileUrl = 'file://' + config.path;
+
+        console.log('Loading page... '+fileUrl);
+
+        await page.goto(fileUrl, {waitUntil: 'load', timeout: 0});
+        
+        const title = await page.title();
+        console.log('Page title:', title);
+
+        // page.on('console', async e => {
+        //     const args = await Promise.all(e.args().map(a => a.jsonValue()));
+        //     console[e.type() === 'warning' ? 'warn' : e.type()](...args);
+        // });
+        //
+        //
+        //
+        console.log('Running tests...');
+        await page.waitForFunction('document.getElementById("mocha-done").textContent.length > 0', 
+            { 
+                timeout: 1000000,
+                polling: 1000
+            }
+        ) ;
+
+        const passes = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.passes em').textContent);
+        const failures = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.failures em').textContent);
+        const duration = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.duration em').textContent);
+        
+        console.log('Tests passed:', passes);
+        console.log('Tests failed:', failures);
+        console.log('Duration:', duration);
         
-        userAgent: 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36',
-        waitUntil: 'load', 
-        timeout: 0,
-        protocolTimeout: 0,
-        dumpio: true
-    });
-
-    const page = await browser.newPage();
-    const fileUrl = 'file://' + config.path;
-
-    console.log('Loading page... '+fileUrl);
-
-    await page.goto(fileUrl, {waitUntil: 'load', timeout: 0});
-    
-    const title = await page.title();
-    console.log('Page title:', title);
-
-    // page.on('console', async e => {
-    //     const args = await Promise.all(e.args().map(a => a.jsonValue()));
-    //     console[e.type() === 'warning' ? 'warn' : e.type()](...args);
-    // });
-    //
-    //
-    //
-    console.log('Running tests...');
-    await page.waitForFunction('document.getElementById("mocha-done").textContent.length > 0', 
-        { 
-            timeout: 1000000,
-            polling: 1000
+        if (existsSync('screenshot.png')) {
+            unlinkSync('screenshot.png');
         }
-    ) ;
-
-    const passes = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.passes em').textContent);
-    const failures = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.failures em').textContent);
-    const duration = await page.evaluate(() => document.getElementById('mocha-stats').querySelector('li.duration em').textContent);
-    
-    console.log('Tests passed:', passes);
-    console.log('Tests failed:', failures);
-    console.log('Duration:', duration);
-    
-    if (existsSync('screenshot.png')) {
-        unlinkSync('screenshot.png');
-    }
-    
-    await page.screenshot({ path: 'screenshot.png' });
+        
+        await page.screenshot({ path: 'screenshot.png' });
 
-    const failuresAsInt = parseInt(failures);
-    if (failuresAsInt > 0) {
-        console.error('Tests failed');
+        const failuresAsInt = parseInt(failures);
+        if (failuresAsInt > 0) {
+            console.error('Tests failed');
 
-        await page.evaluate(() => {
-            document.querySelectorAll('.test.fail').forEach((node) => {
-                console.error(node.textContent);
+            await page.evaluate(() => {
+                document.querySelectorAll('.test.fail').forEach((node) => {
+                    console.error(node.textContent);
+                });
             });
-        });
 
-        await browser.close();
-        process.exit(1);
-    } else {
-        await browser.close();
-        console.log('Tests passed');
-    }
+            process.exitCode = 1;
+        } else {
+            console.log('Tests passed');
+        }
+    } finally {
+        if (browser) {
+            await browser.close().catch(() => {});
+        }
 
+        rmSync(userDataDir, { recursive: true, force: true });
+    }
 
-})();
+})();

package/test/web/test.html

@@ -9,8 +9,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 4.125.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Fr 6. Mär 02:15:36 CET 2026</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 4.128.2</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Do 26. Mär 19:17:38 CET 2026</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>
@@ -26,8 +26,24 @@
 <script>
 
     try {
+        const ignoredBrowserErrorMessages = new Set([
+            "ResizeObserver loop completed with undelivered notifications.",
+            "ResizeObserver loop limit exceeded",
+        ]);
+
+        const isIgnoredBrowserError = (message, error) => {
+            const normalizedMessage = typeof message === "string" && message !== ""
+                ? message
+                : error?.message;
+            return ignoredBrowserErrorMessages.has(normalizedMessage);
+        };
 
         addEventListener("error", (event) => {
+            if (isIgnoredBrowserError(event.message, event.error)) {
+                event.preventDefault?.();
+                return;
+            }
+
             document.getElementById('mocha-errors').insertAdjacentHTML("afterbegin", event.message);
             document.getElementById('mocha-stats').style.backgroundColor = 'red';
         });
@@ -41,6 +57,17 @@
 
         });
 
+        const mochaOnError = window.onerror;
+        if (typeof mochaOnError === "function") {
+            window.onerror = function(message, source, line, column, error) {
+                if (isIgnoredBrowserError(message, error)) {
+                    return true;
+                }
+
+                return mochaOnError.call(this, message, source, line, column, error);
+            };
+        }
+
         runner.on('end', function () {
             document.getElementById('mocha-done').insertAdjacentHTML("afterbegin", 'the execution is done');
             document.getElementById('lastupdate').innerHTML = 'last update ' + new Date();