neo.mjs 6.10.1 → 6.10.3

package/test/components/files/button/Base.mjs

@@ -1,17 +1,44 @@
 StartTest(t => {
-    t.it('Checking if neo.mjs got started', async t => {
-        if (!globalThis.Neo?.Main) {
-            console.log('Starting the neo.mjs workers setup');
-
-            await import('../../../../src/MicroLoader.mjs');
-        }
-
-        setTimeout(() => {
-            Neo.worker.App.createNeoInstance({
-                ntype  : 'button',
-                iconCls: 'fa fa-home',
-                text   : 'Hello Siesta'
-            })
-        }, 300)
+    let button;
+
+    t.beforeEach(async t => {
+        button && await Neo.worker.App.destroyNeoInstance(button);
+    });
+
+    t.it('Sanity', async t => {
+        button = await Neo.worker.App.createNeoInstance({
+            ntype  : 'button',
+            iconCls: 'fa fa-home',
+            text   : 'Hello Siesta'
+        });
+    });
+
+    t.it('Should show isLoading UI', async t => {
+        button = await Neo.worker.App.createNeoInstance({
+            ntype     : 'button',
+            iconCls   : 'fa fa-home',
+            text      : 'Hello Siesta',
+            isLoading : 'Loading...'
+        });
+
+        // Spinner and text exist
+        await t.waitForSelector('button .fa-spinner.fa-spin');
+        t.selectorExists('button .neo-loading-message:contains(Loading...)');
+
+        await Neo.worker.App.setConfigs({ id: button, isLoading : true });
+
+        // Just a spinner now, no text
+        await t.waitForSelectorNotFound('button .neo-loading-message:contains(Loading...)');
+        t.selectorExists('button .fa-spinner');
+
+        await Neo.worker.App.setConfigs({ id: button, isLoading : 'New loading message' });
+
+        await t.waitForSelector('button .neo-loading-message:contains(New loading message)');
+        t.selectorExists('button .fa-spinner.fa-spin');
+
+        await Neo.worker.App.setConfigs({ id: button, isLoading : false });
+
+        // Not loading now
+        await t.waitForSelectorNotFound('button .fa-spinner');
     });
 });

package/test/components/files/form/field/Select.mjs

@@ -1,35 +1,27 @@
 StartTest(t => {
-    t.it('Checking if neo.mjs got started', async t => {
-        if (!globalThis.Neo?.Main) {
-            console.log('Starting the neo.mjs workers setup');
+    t.it('Sanity', async t => {
+        Neo.worker.App.createNeoInstance({
+            ntype        : 'selectfield',
+            labelPosition: 'inline',
+            labelText    : 'US States',
+            labelWidth   : 80,
+            width        : 300,
 
-            await import('../../../../../src/MicroLoader.mjs');
-        }
+            store : {
+                autoLoad   : true,
+                keyProperty: 'abbreviation',
+                url        : '../../resources/examples/data/us_states.json',
 
-        setTimeout(() => {
-            Neo.worker.App.createNeoInstance({
-                ntype        : 'selectfield',
-                labelPosition: 'inline',
-                labelText    : 'US States',
-                labelWidth   : 80,
-                width        : 300,
-
-                store : {
-                    autoLoad   : true,
-                    keyProperty: 'abbreviation',
-                    url        : '../../resources/examples/data/us_states.json',
-
-                    model: {
-                        fields: [{
-                            name: 'abbreviation',
-                            type: 'string'
-                        }, {
-                            name: 'name',
-                            type: 'string'
-                        }]
-                    }
+                model: {
+                    fields: [{
+                        name: 'abbreviation',
+                        type: 'string'
+                    }, {
+                        name: 'name',
+                        type: 'string'
+                    }]
                 }
-            })
-        }, 1000)
+            }
+        });
     });
 });

package/test/components/siesta.js

@@ -1,8 +1,38 @@
 const project = new Siesta.Project.Browser();
 
 project.configure({
-    title       : 'Neo Component Tests',
-    isEcmaModule: true
+    title        : 'Neo Component Tests',
+    isEcmaModule : true,
+    preload      : [{
+        type         : 'js',
+        url          : '../../src/MicroLoader.mjs',
+        isEcmaModule : true
+    }],
+    testClass   : Class('My.Test.Class', {
+        isa      : Siesta.Test.Browser,
+        override : {
+            setup(callback, errback) {
+                this.SUPER(function() {
+                    // We need to call the startup callback only when we know we are
+                    // ready to start testing.
+                    const
+                        { global }   = this,
+                        startupTimer = setInterval(() => {
+                            if (global.Neo?.worker?.App && global.Neo.worker.Manager && global.Neo.Main) {
+                                clearInterval(startupTimer);
+
+                                // TODO: Find what we actually need to wait for
+                                setTimeout(callback, 300);
+                            }
+                        }, 100);
+                }, errback);
+            },
+            async beforeEach() {
+                this.SUPER(...arguments);
+                this.SUPER(t => t.waitFor(50));
+            }
+        }
+    })
 });
 
 project.plan(