jsgui3-server 0.0.143 → 0.0.145

package/tests/error-handling.test.js

@@ -193,16 +193,18 @@ describe('Error Handling Tests', function() {
                 const bundler = new Advanced_JS_Bundler_Using_ESBuild();
 
                 // Create JS with malformed CSS
-                const malformedCssContent = `
-                    const css = \`
-                        .test-class {
-                            color: red;
-                            /* Missing closing brace
-                            background: blue
-                        \`;
-
-                    console.log('test');
-                `;
+                const malformedCssContent = `
+                    class Test_Class {}
+
+                    Test_Class.css = \`
+                        .test-class {
+                            color: red;
+                            /* Missing closing brace
+                            background: blue
+                        \`;
+
+                    console.log('test');
+                `;
 
                 const malformedFile = path.join(__dirname, 'temp_malformed.js');
                 await fs.writeFile(malformedFile, malformedCssContent);
@@ -743,4 +745,4 @@ describe('Error Handling Tests', function() {
             }
         });
     });
-});
+});

package/tests/examples-controls.e2e.test.js

@@ -27,7 +27,13 @@ const examples = [
     { dir_name: '8) window, checkbox/a)', ctrl_name: 'Demo_UI', expected_window_count: 1 },
     { dir_name: '9) window, date picker', ctrl_name: 'Demo_UI', expected_window_count: 1 },
     { dir_name: '12) window, Select_Options control', ctrl_name: 'Demo_UI', expected_window_count: 1 },
-    { dir_name: '13) window, Dropdown_Menu control', ctrl_name: 'Demo_UI', expected_window_count: 1 }
+    { dir_name: '13) window, Dropdown_Menu control', ctrl_name: 'Demo_UI', expected_window_count: 1 },
+    {
+        dir_name: '14d) window, canvas globe',
+        ctrl_name: 'Demo_UI',
+        expected_window_count: 1,
+        expected_canvas_id: 'globeCanvas'
+    }
 ];
 
 function make_request(url, { headers = {} } = {}) {
@@ -141,6 +147,12 @@ describe('Examples/Controls E2E Regression Tests', function() {
                     example.expected_window_count,
                     `Expected ${example.expected_window_count} windows, got ${window_count}`
                 );
+                if (example.expected_canvas_id) {
+                    assert(
+                        html_response.body.includes(`id="${example.expected_canvas_id}"`),
+                        `Expected canvas id "${example.expected_canvas_id}" in HTML`
+                    );
+                }
 
                 const js_response = await make_request(`${base_url}/js/js.js`);
                 assert.strictEqual(js_response.status_code, 200);

package/tests/fixtures/end-to-end-client.js

@@ -0,0 +1,54 @@
+const jsgui = require('jsgui3-client');
+const {controls} = jsgui;
+const Active_HTML_Document = require('../../controls/Active_HTML_Document');
+
+class Test_Control extends Active_HTML_Document {
+    constructor(spec = {}) {
+        spec.__type_name = spec.__type_name || 'test_control';
+        super(spec);
+        const {context} = this;
+        if (typeof this.body.add_class === 'function') {
+            this.body.add_class('test-control');
+        }
+        const compose = () => {
+            const container = new controls.div({context});
+            container.dom.attributes.id = 'test-control';
+            container.add_class('test-control');
+
+            const header = new jsgui.controls.h1({context});
+            header.add('Test Control');
+            const paragraph = new jsgui.controls.p({context});
+            paragraph.add('This is a test control with embedded CSS and JS.');
+            const button = new controls.Button({context, text: 'Test Button'});
+
+            container.add(header);
+            container.add(paragraph);
+            container.add(button);
+            this.body.add(container);
+        };
+
+        if (!spec.el) {
+            compose();
+        }
+    }
+}
+
+Test_Control.css = `
+.test-control {
+    background-color: #f0f0f0;
+    padding: 20px;
+    border: 1px solid #ccc;
+    font-family: Arial, sans-serif;
+}
+.test-control h1 {
+    color: #333;
+    margin-bottom: 10px;
+}
+.test-control p {
+    color: #666;
+    line-height: 1.5;
+}
+`;
+
+controls.Test_Control = Test_Control;
+module.exports = jsgui;

package/tests/fixtures/jsgui3-html/binding_debugger_expectations.json

@@ -0,0 +1,15 @@
+{
+  "initial": {
+    "display_text": "Count: 2",
+    "status_text": "Signal status is steady.",
+    "summary_line": "Binders: 1 | Computed: 2 | Watchers: 2"
+  },
+  "after_increment": {
+    "display_text": "Count: 3",
+    "log_entry": "1. count 2 -> 3"
+  },
+  "after_enable": {
+    "debug_status": "Debugger active",
+    "log_entry": "2. debugger enabled"
+  }
+}

package/tests/fixtures/jsgui3-html/counter_expectations.json

@@ -0,0 +1,31 @@
+{
+  "initial": {
+    "display_text": "Count: 0",
+    "status_text": "Status: negative or zero and even",
+    "display_classes": ["negative", "even"]
+  },
+  "after_increment": {
+    "display_text": "Count: 1",
+    "status_text": "Status: positive and odd",
+    "display_classes": ["positive", "odd"]
+  },
+  "after_second_increment": {
+    "display_text": "Count: 2",
+    "status_text": "Status: positive and even",
+    "display_classes": ["positive", "even"]
+  },
+  "after_step_increment": {
+    "display_text": "Count: 5",
+    "status_text": "Status: positive and odd",
+    "display_classes": ["positive", "odd"]
+  },
+  "after_reset": {
+    "display_text": "Count: 0",
+    "status_text": "Status: negative or zero and even",
+    "display_classes": ["negative", "even"]
+  },
+  "invalid_step": {
+    "step_error": "Step must be between 1 and 10.",
+    "disabled_class": "is-disabled"
+  }
+}

package/tests/fixtures/jsgui3-html/data_grid_expectations.json

@@ -0,0 +1,26 @@
+{
+  "initial": {
+    "range_text": "Showing 1-4 of 10",
+    "page_text": "Page 1 of 3",
+    "first_name": "Ada Lovelace",
+    "row_count": 4
+  },
+  "search": {
+    "query": "engineer",
+    "range_text": "Showing 1-1 of 1",
+    "page_text": "Page 1 of 1",
+    "first_name": "Ada Lovelace",
+    "row_count": 1
+  },
+  "reset": {
+    "range_text": "Showing 1-4 of 10",
+    "page_text": "Page 1 of 3"
+  },
+  "sort_score": {
+    "first_name": "Mary Jackson"
+  },
+  "page_2": {
+    "page_text": "Page 2 of 3",
+    "first_name": "Katherine Johnson"
+  }
+}

package/tests/fixtures/jsgui3-html/date_transform_expectations.json

@@ -0,0 +1,26 @@
+{
+  "default": {
+    "iso_value": "2024-06-15",
+    "local_display": "06/15/2024",
+    "format_text": "Format: MM/DD/YYYY",
+    "range_message": "Date is within range."
+  },
+  "locale_gb": {
+    "locale": "en-GB",
+    "format_text": "Format: DD/MM/YYYY",
+    "local_display": "15/06/2024",
+    "valid_input": "16/06/2024",
+    "iso_value": "2024-06-16",
+    "invalid_input": "99/99/2024",
+    "error": "Invalid date for format DD/MM/YYYY."
+  },
+  "locale_us": {
+    "locale": "en-US",
+    "format_text": "Format: MM/DD/YYYY",
+    "local_display": "06/16/2024"
+  },
+  "out_of_range": {
+    "iso_value": "2026-01-01",
+    "range_message": "Date must be between 01/01/2024 and 12/31/2024."
+  }
+}

package/tests/fixtures/jsgui3-html/form_validation_expectations.json

@@ -0,0 +1,27 @@
+{
+  "initial": {
+    "full_name_error": "Full name is required.",
+    "email_error": "Email is required.",
+    "password_error": "Password is required.",
+    "confirm_password_error": "Confirm your password.",
+    "status_text": "Fix validation errors."
+  },
+  "invalid_email": {
+    "email": "bad@",
+    "error": "Email must be valid."
+  },
+  "valid": {
+    "full_name": "ada lovelace",
+    "display_name": "Ada Lovelace",
+    "email": "Ada@Example.com",
+    "email_preview": "ada@example.com",
+    "website": "https://example.com",
+    "password": "Secret123",
+    "confirm_password": "Secret123",
+    "status_text": "Ready to submit.",
+    "summary_text": "Profile: Ada Lovelace (ada@example.com)"
+  },
+  "submit": {
+    "feedback": "Submitted profile details."
+  }
+}

package/tests/fixtures/jsgui3-html/master_detail_expectations.json

@@ -0,0 +1,15 @@
+{
+  "initial": {
+    "detail_title": "Aurora Vale",
+    "detail_role": "Role: Navigator",
+    "nav_text": "Item 1 of 4"
+  },
+  "after_next": {
+    "detail_title": "Beacon Lee",
+    "nav_text": "Item 2 of 4"
+  },
+  "last_item": {
+    "detail_title": "Delta Hart",
+    "nav_text": "Item 4 of 4"
+  }
+}

package/tests/fixtures/jsgui3-html/mixins_expectations.json

@@ -0,0 +1,10 @@
+{
+  "initial": {
+    "selected_title": "Selectable Card",
+    "selected_mixins_text": "Mixins: selectable"
+  },
+  "resizable": {
+    "selected_title": "Resizable Card",
+    "selected_mixins_text": "Mixins: resizable, selectable"
+  }
+}

package/tests/fixtures/jsgui3-html/resource_transform_expectations.json

@@ -0,0 +1,11 @@
+{
+  "initial": {
+    "status_text": "Idle: ready to transform.",
+    "summary_text": "No transform yet."
+  },
+  "after_run": {
+    "status_text": "Transform complete.",
+    "summary_text": "4 records | 62.25 total hours | Avg 15.6 hrs",
+    "first_line": "Compass - Katherine Johnson | 22.75h"
+  }
+}

package/tests/fixtures/jsgui3-html/router_expectations.json

@@ -0,0 +1,10 @@
+{
+  "initial": {
+    "route_title": "Overview",
+    "route_hint": "Hash route: #overview"
+  },
+  "metrics": {
+    "route_title": "Metrics",
+    "route_hint": "Hash route: #metrics"
+  }
+}

package/tests/fixtures/jsgui3-html/theming_expectations.json

@@ -0,0 +1,10 @@
+{
+  "initial": {
+    "theme_label": "Copper Studio",
+    "accent_value": "#d05f3b"
+  },
+  "tide": {
+    "theme_label": "Tide Atlas",
+    "accent_value": "#2b6cb0"
+  }
+}