@schukai/monster 3.65.0 → 3.65.20

package/test/cases/data/transformer.mjs

@@ -2,6 +2,7 @@
 
 import {expect} from "chai"
 import {Transformer} from "../../../source/data/transformer.mjs";
+import {getLocaleOfDocument} from "../../../source/dom/locale.mjs";
 import {Embed} from "../../../source/i18n/providers/embed.mjs";
 import {initJSDOM} from "../../util/jsdom.mjs";
 
@@ -24,13 +25,49 @@ describe('Transformer', function () {
 
     });
 
+    describe('Transformer.run() localize commands', function () {
+
+
+        const isNode = typeof global === 'object' && '[object global]' === global.toString.call(global);
+
+
+        [
+            ['datetimeformat', "2023-02-04 08:02:01", "Feb 4, 2023, 08:02:01", "4 Feb 2023, 08:02:01"],
+            ['datetimeformat:long:short', "2023-02-04 08:02:01", "February 4, 2023 at 08:02", "4 February 2023 at 08:02"],
+            ['datetimeformat:short:short', "2023-02-04 08:02:01", "2/4/23, 08:02", "04/02/2023, 08:02"],
+            ['currency', "EUR0", "€0.00", "€0.00"],
+//            ['currency:1:2', "EUR14.25", "€14.3", "€14.2"],
+            ['currency', "EUR14.25", "€14.25", "€14.25"],
+            ['datetime', "2023-02-14 14:12:10", "2/14/2023, 14:12:10","14/02/2023, 14:12:10"],
+            ['datetime', "2023-02-14 08:02:01", "2/14/2023, 08:02:01","14/02/2023, 08:02:01"],
+            ['date', "2023-02-14", "02/14/2023","14/02/2023"],
+
+
+        ].forEach(function (data) {
+
+            // https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/124
+
+
+            let a = data.shift() // command
+            let b = data.shift() // value
+            let c = data.shift() // expected result node    
+            let d = data.shift() // expected result browser    
+
+            const expected = isNode ? c : d
+
+            it('Transformer.run(' + JSON.stringify(a) + ').run(' + JSON.stringify(b) + ') should return ' + JSON.stringify(expected), function () {
+                let t = new Transformer(a);
+                const r = t.run(b);
+                expect(expected).to.be.eql(r, "Transformer.run(" + JSON.stringify(a) + ").run(" + JSON.stringify(b) + ") should return " + JSON.stringify(c));
+            });
+        });
+
+    });
+
 
     describe('Transformer.run()', function () {
 
         [
-            ['datetimeformat', "2023-02-04 08:02:01", "04.02.2023, 08:02:01"],
-            ['datetimeformat:long:short', "2023-02-04 08:02:01","4. Februar 2023 um 08:02"],
-            ['datetimeformat:short:short', "2023-02-04 08:02:01", "04.02.23, 08:02"],
             ['equals:a', "a", true],
             ['equals:a', "b", false],
             ['equals:3', 3, true],
@@ -50,23 +87,18 @@ describe('Transformer', function () {
             ['equals:null', null, true],
             ['equals:null', 3, false],
             ['equals:3', 6, false],
-            ['currency', "EUR0", "0,00 €"],
-           //  ['currency:1:2', "EUR14.25", "14,2 €"],  nodejs and browser have different results (https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/124) 
-            ['currency', "EUR14.25", "14,25 €"],
-            ['datetime', "2023-02-14 14:12:10", "14.2.2023, 14:12:10"],
-            ['datetime', "2023-02-14 08:02:01", "14.2.2023, 08:02:01"],
             ['has-entries', {}, false],
-            ['has-entries', {a:4}, true],
+            ['has-entries', {a: 4}, true],
             ['has-entries', [], false],
             ['has-entries', "", false],
-            ['has-entries', [1,2,3], true],
+            ['has-entries', [1, 2, 3], true],
             ['has-entries', [1], true],
             ['has-entries', ["1"], true],
             ['has-entries', [true], true],
             ['contains:x', "asd wxd sdf", true],
             ['contains:x', "asd wd sdf", false],
-            ['contains:b', ["a","b","c"], true],
-            ['contains:x', ["a","b","c"], false],
+            ['contains:b', ["a", "b", "c"], true],
+            ['contains:x', ["a", "b", "c"], false],
             ['isundefined', "a", false],
             ['isundefined', null, false],
             ['isundefined', undefined, true],
@@ -89,7 +121,6 @@ describe('Transformer', function () {
             ['not', true, false],
             ['not', false, true],
             ['map:a=4:b=5:c=6', "a", "4"],
-            ['date', "2023-02-14", "14.2.2023"],
             ['year', "2023-02-14", 2023],
             ['month', "2023-02-14", 2],
             ['day', "2023-02-14", 14],
@@ -194,6 +225,7 @@ describe('Transformer', function () {
 
         ].forEach(function (data) {
 
+
             let a = data.shift()
             let b = data.shift()
             let c = data.shift()
@@ -206,7 +238,7 @@ describe('Transformer', function () {
                 });
 
                 const r = t.run(b);
-                expect(r).to.be.eql(c, "Transformer.run(" + JSON.stringify(a) + ").run(" + JSON.stringify(b) + ") should return " + JSON.stringify(c));
+                expect(c).to.be.eql(r, "Transformer.run(" + JSON.stringify(a) + ").run(" + JSON.stringify(b) + ") should return " + JSON.stringify(c));
             });
         });
 
@@ -348,4 +380,4 @@ describe('Transformer', function () {
     })
 
 
-});
+});

package/test/cases/dom/customcontrol.mjs

@@ -125,7 +125,6 @@ describe('DOM', function () {
                     expect(e).to.be.null;
                 }
 
-                console.log(typeof d,"ssss");
                 expect(typeof d).is.equal('object');
                 
             });

package/test/cases/dom/customelement.mjs

@@ -43,8 +43,6 @@ describe('DOM', function () {
                             assignUpdaterToElement = function (elements, object) {
                                 return addObjectWithUpdaterToElement.call(this, elements, updaterSymbolSymbol, object);
                             }
-
-
                             document = getDocument();
 
                             done()
@@ -139,7 +137,7 @@ describe('DOM', function () {
                 expect(JSON.stringify(ap.getRealSubject())).to.equal('{"a":3}');
                 expect(JSON.stringify(bp.getRealSubject())).to.equal('{"b":4}');
                 done()
-            }, 10)
+            }, 50)
 
         })
 

package/test/cases/dom/template.mjs

@@ -75,6 +75,8 @@ describe('Template', function () {
             it('should find template over ownerDocument', function () {
                 const div = document.createElement('div');
                 div.remove();
+                const a = document.documentElement.outerHTML;
+                
                 let t = findDocumentTemplate("mytemplate", div);
                 expect(t).is.instanceof(Template);
 
@@ -143,4 +145,4 @@ describe('Template', function () {
 
 
     });
-});
+});

package/test/util/jsdom.mjs

@@ -29,12 +29,7 @@ function initJSDOM(options) {
 
     return import("jsdom").then(({JSDOM}) => {
         JSDOMExport = JSDOM;
-        const {window} = new JSDOM(`<html>
-<head>
-</head>
-<body>
-<div id="mocks"></div>
-</body>`, options);
+        const {window} = new JSDOM(`<!DOCTYPE html><html lang="en"><head><title>Test</title></head><body><div id="mocks"></div></body></html>`, options);
 
         g['window'] = window;
         
@@ -77,7 +72,13 @@ function initJSDOM(options) {
                     'ShadowRoot',
                     'XMLSerializer',
                 ].forEach(key => {
-                    g[key] = window[key]
+                    try {
+                        g[key] = window[key]    
+                    } catch(e) {
+                        console.error("Error setting key", key, e);
+                    }
+                    
+                    
                 });
 
                 import("dom-storage").then(({default: Storage}) => {

package/test/util/websocket.mjs

@@ -2,7 +2,11 @@ import {getGlobal} from "../../source/types/global.mjs";
 
 function initWebSocket() {
 
-    if (typeof process === 'undefined' || process.title !== 'node') {
+//    const isBrowser = typeof window === 'object' && '[object Window]' === window.toString.call(window)
+    const isNode = typeof global === 'object' && '[object global]' === global.toString.call(global)
+
+
+    if (!isNode) {
          return Promise.resolve();
     }
 

package/test/web/import.js

@@ -1,7 +1,8 @@
 /** this file was created automatically by the run-web-tests script */
 import "./prepare.js";
 import "../cases/components/layout/tabs.mjs";
-import "../cases/components/layout/slit-screen.mjs";
+import "../cases/components/layout/slit-panel.mjs";
+import "../cases/components/layout/panel.mjs";
 import "../cases/components/form/reload.mjs";
 import "../cases/components/form/state-button.mjs";
 import "../cases/components/form/select.mjs";

package/test/web/puppeteer.mjs

@@ -0,0 +1,111 @@
+import puppeteer from 'puppeteer';
+import {unlinkSync} from 'fs';
+import {existsSync} from 'fs';
+
+
+// args auswerten mit --path und --browser, get from args
+const args = process.argv;
+
+const config = {};
+
+
+for (let i = 0; i < args.length; i++) {
+    if (args[i] === '--path') {
+        config.path = args[i + 1];
+    }
+    if (args[i] === '--browser') {
+        config.browser = args[i + 1];
+    }
+}
+
+if (!config.path) {
+    console.error('Path is required, please provide --path');
+    process.exit(1);
+}
+
+if (!config.browser) {
+    console.error('Browser is required, please provide --browser');
+    process.exit(1);
+}
+
+
+(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'
+        ],
+        
+        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
+        }
+    ) ;
+
+    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' });
+
+    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 browser.close();
+        process.exit(1);
+    } else {
+        await browser.close();
+        console.log('Tests passed');
+    }
+
+
+})();

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.63.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mi 27. Mär 12:32:39 CET 2024</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.65.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Di 18. Jun 22:58:11 CEST 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>