@schukai/monster 3.121.0 → 4.0.1

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [4.0.1] - 2025-05-10
+
+### Bug Fixes
+
+- Enhance fetch mocks and option mappings for select components
+- The status check is wrong
+
+## [4.0.0] - 2025-05-10
+
+
+
 ## [3.121.0] - 2025-05-10
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.0","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.121.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.0","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.0.1"}

package/source/components/form/select.mjs

@@ -2454,7 +2454,7 @@ function fetchData(url) {
 			self[isLoadingSymbol] = false;
 			delayWatch = true;
 
-			if (response.status >= 200 && response.status < 300) {
+			if (!(response.status >= 200 && response.status < 300)) {
 				throw new Error(`HTTP error! status: ${response.status}`);
 			}
 

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

@@ -58,19 +58,22 @@ describe('Select', function () {
 
     describe('With fetch', function () {
 
-        beforeEach(() => {
+        beforeEach((done) => {
             let mocks = document.getElementById('mocks');
             mocks.innerHTML = html1;
 
             global['fetch'] = function (url, options) {
-
                 let headers = new Map;
                 headers.set('content-type', 'application/json');
-
                 return new Promise((resolve, reject) => {
                     resolve({
+                        ok:true,
+                        status:200,
                         headers: headers,
                         text: function () {
+
+
+
                             return new Promise((resolve2, reject2) => {
 
                                 let json = JSON.parse(`[
@@ -110,7 +113,7 @@ describe('Select', function () {
                 })
 
             };
-
+            done()
 
         })
 
@@ -126,12 +129,6 @@ describe('Select', function () {
                 mocks.innerHTML = html2;
             });
 
-            afterEach(() => {
-                let mocks = document.getElementById('mocks');
-                mocks.innerHTML = "";
-                global['fetch'] = fetchReference;
-            })
-
             describe('create from template', function () {
                 it('should contains monster-select', function () {
                     expect(document.getElementById('test2')).contain.html('<monster-select');
@@ -148,14 +145,14 @@ describe('Select', function () {
 
             it('should have options', function (done) {
 
-                this.timeout(10000)
+                this.timeout(5000)
 
                 let mocks = document.getElementById('mocks');
                 const select = document.createElement('monster-select');
-                select.setOption('url', 'https://monsterjs.org/assets/examples/countries.json')
+                select.setOption('url', 'https://monsterjs.org/assets/examples/countries.json') // url is not used in this test, see fetch mock
                 select.setOption('mapping.selector', '*')
-                select.setOption('mapping.labelTemplate', '${name}')
-                select.setOption('mapping.valueTemplate', '${alpha-2}')
+                select.setOption('mapping.labelTemplate', '${id}')
+                select.setOption('mapping.valueTemplate', '${id}')
 
                 select.addEventListener('monster-options-set', (e) => {
                     setTimeout(() => {

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

@@ -63,6 +63,8 @@ describe('Treeselect', function () {
                 return new Promise((resolve, reject) => {
                     resolve({
                         headers: headers,
+                        ok:true,
+                        status:200,
                         text: function () {
                             return new Promise((resolve2, reject2) => {
 
@@ -141,8 +143,8 @@ describe('Treeselect', function () {
                 treeselect.setOption('url', 'https://monsterjs.org/assets/examples/countries.json');
 
                 treeselect.setOption('mapping.selector', '*');
-                treeselect.setOption('mapping.labelTemplate', '${name}')
-                treeselect.setOption('mapping.valueTemplate', '${alpha-2}')
+                treeselect.setOption('mapping.labelTemplate', '${id}')
+                treeselect.setOption('mapping.valueTemplate', '${id}')
                 treeselect.addEventListener('monster-options-set', (e) => {
                     setTimeout(() => {