@schukai/monster 3.8.0 → 3.9.0

package/test/cases/i18n/provider.mjs

@@ -1,12 +1,75 @@
 import {expect} from "chai"
+import {ATTRIBUTE_OBJECTLINK} from "../../../../application/source/dom/constants.mjs";
+import {getLinkedObjects} from "../../../../application/source/dom/attributes.mjs";
 import {Provider} from "../../../../application/source/i18n/provider.mjs";
+import {initJSDOM} from "../../util/jsdom.mjs";
+import {getDocumentTranslations, Translations} from "../../../../application/source/i18n/translations.mjs";
 
 describe('Provider', function () {
 
-    describe('Instance and Init', function () {
 
-        it('create instance', function () {
-            expect((new Provider()).getTranslations('en')).is.instanceof(Promise);
+    let html1 = `
+    <div id="test1">
+    </div>
+`;
+
+    beforeEach(() => {
+        let mocks = document.getElementById('mocks');
+        mocks.innerHTML = html1;
+
+
+    })
+
+    afterEach(() => {
+        let mocks = document.getElementById('mocks');
+        mocks.innerHTML = "";
+    })
+
+    before(function (done) {
+        initJSDOM().then(() => {
+            done()
+        });
+    });
+
+    describe('Provider and Dom', function () {
+
+        const translationsLinkSymbol = Symbol.for("@schukai/monster/i18n/translations@@link");
+
+        it('assignToElement', function (done) {
+            const element = document.getElementById('test1');
+            const p = new Provider();
+            const r = p.assignToElement(undefined, element);
+
+            r.then((e) => {
+                const s = element.getAttribute(ATTRIBUTE_OBJECTLINK);
+                if (s === null) {
+                    done(new Error("Attribute not set"));
+                    return;
+                }
+
+                const i = getLinkedObjects(element, translationsLinkSymbol)
+                if (i === null) {
+                    done(new Error("No linked object found"));
+                    return;
+                }
+                let counter = 0;
+
+                for (let v of i) {
+                    counter++;
+                }
+
+                if (counter !== 1) {
+                    done(new Error("No linked object found"));
+                    return;
+                }
+
+                const docTrans = getDocumentTranslations(element)
+                expect(docTrans).is.instanceof(Translations);
+
+
+                done();
+            }).catch(e => done(e));
+
         });
 
     });

package/test/cases/i18n/translations.mjs

@@ -1,6 +1,12 @@
 import {expect} from "chai"
 import {parseLocale} from "../../../../application/source/i18n/locale.mjs";
-import {Translations} from "../../../../application/source/i18n/translations.mjs";
+import {Embed} from "../../../../application/source/i18n/providers/embed.mjs";
+import {
+    Translations,
+    getDocumentTranslations
+    
+} from "../../../../application/source/i18n/translations.mjs";
+import {initJSDOM} from "../../util/jsdom.mjs";
 
 describe('Translations', function () {
 
@@ -53,5 +59,76 @@ describe('Translations', function () {
 
     });
 
+    /**
+     * initDocumentTranslation
+     */
+
+    describe("test initDocumentTranslation ", function () {
+
+
+        let html1 = `<div id="mock-translations"></div>
+    
+<script type="application/json" data-monster-role="translations">
+    {
+        "test1": "abc",
+        "test2": {
+            "other": "xyz"
+        }
+    }
+</script>
+
+<script type="application/json" data-monster-role="translations">
+    {
+        "test1": "xyz",
+        "test3": {
+            "other": "xyz"
+        }
+    }
+</script>    
+    
+`;
+
+        beforeEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = html1;
+
+        })
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        before(function (done) {
+            initJSDOM().then(() => {
+                done()
+            });
+        });
+
+
+        it('Init translations', function (done) {
+
+            let elem = document.getElementById('mock-translations');
+            Embed.assignTranslationsToElement(elem).then((o) => {
+
+                let mocks = document.getElementById('mocks');
+                
+                // no exception because of default
+                expect(getDocumentTranslations(elem).getText('no-key','with-default'))
+                    .is.equal('with-default');
+                
+                expect(getDocumentTranslations(elem).getText('test1'))
+                    .is.equal('xyz');
+
+                done();
+
+            }).catch((e) => {
+              done(e);
+            })
+
+
+        });
+    })
+
 
 });

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

package/test/util/jsdom.mjs

@@ -4,7 +4,6 @@ import {extend} from "../../../application/source/data/extend.mjs";
 import {getGlobal} from "../../../application/source/types/global.mjs";
 
 export const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
-
 export const isNode = new Function("try {return this===global;}catch(e){return false;}");
 
 
@@ -25,7 +24,7 @@ function initJSDOM(options) {
         storageQuota: 10000000,
         runScripts: "dangerously",
         resources: "usable"
-    }, options||{})
+    }, options || {})
 
     return import("jsdom").then(({JSDOM}) => {
         const {window} = new JSDOM(`<html>

package/test/web/import.js

@@ -28,6 +28,7 @@ import "../cases/dom/assembler.mjs";
 import "../cases/i18n/translations.mjs";
 import "../cases/i18n/locale.mjs";
 import "../cases/i18n/formatter.mjs";
+import "../cases/i18n/providers/embed.mjs";
 import "../cases/i18n/providers/fetch.mjs";
 import "../cases/i18n/provider.mjs";
 import "../cases/net/webconnect/message.mjs";

package/test/web/test.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 3.4.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 8. Jan 17:17:24 CET 2023</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.8.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Do 2. Feb 11:38:37 CET 2023</div>
 </div>
 <div id="mocks"></div>
 <div id="mocha"></div>