@qwickapps/react-framework 1.4.1 → 1.4.3

package/src/__tests__/schemas/builders.test.ts

@@ -256,7 +256,7 @@ describe.skip('SchemaBuilder', () => {
 
 describe.skip('Integration Tests', () => {
   test('creates complex FeatureCard-like schema', () => {
-    const schema = createSchema('FeatureCard', '2.0.0')
+    const schema = createSchema('FeatureCard', '1.0.0')
       .model('Feature', builder => {
         builder.field('id').textEditor('Feature ID').required();
         builder.field('title').textEditor('Title', 'Feature title').required();
@@ -283,7 +283,7 @@ describe.skip('Integration Tests', () => {
 
     // Verify schema structure
     expect(schema.name).toBe('FeatureCard');
-    expect(schema.version).toBe('2.0.0');
+    expect(schema.version).toBe('1.0.0');
     expect(Object.keys(schema.models || {})).toEqual(['Feature', 'Action']);
     expect(schema.fields).toHaveLength(5);
     

package/src/__tests__/schemas/transformers/ComponentTransformer.test.ts

@@ -184,7 +184,7 @@ describe('ComponentTransformer', () => {
 
     it('should deserialize registered component from object', () => {
       const componentData = {
-        tag: 'Button',
+        tagName: 'Button',
         version: '1.0.0',
         data: {
           label: 'Click Me',
@@ -203,7 +203,7 @@ describe('ComponentTransformer', () => {
 
     it('should deserialize registered component from JSON string', () => {
       const componentData = {
-        tag: 'Card',
+        tagName: 'Card',
         version: '1.0.0',
         data: {
           title: 'Test Card',
@@ -224,12 +224,12 @@ describe('ComponentTransformer', () => {
     it('should handle array of components', () => {
       const input = [
         {
-          tag: 'Button',
+          tagName: 'Button',
           version: '1.0.0',
           data: { label: 'First Button' }
         },
         {
-          tag: 'Button', 
+          tagName: 'Button', 
           version: '1.0.0',
           data: { label: 'Second Button' }
         }
@@ -254,7 +254,7 @@ describe('ComponentTransformer', () => {
 
     it('should throw error for unknown component', () => {
       const componentData = {
-        tag: 'UnknownComponent',
+        tagName: 'UnknownComponent',
         version: '1.0.0',
         data: {}
       };
@@ -267,7 +267,7 @@ describe('ComponentTransformer', () => {
 
     it('should handle malformed component data gracefully', () => {
       const malformedData = {
-        tag: 'Button',
+        tagName: 'Button',
         // Missing version and data
       };
 
@@ -287,7 +287,7 @@ describe('ComponentTransformer', () => {
 
     it('should handle string input correctly', () => {
       const componentData = {
-        tag: 'Button',
+        tagName: 'Button',
         version: '1.0.0',
         data: { label: 'String Input Test' }
       };
@@ -302,7 +302,7 @@ describe('ComponentTransformer', () => {
 
     it('should handle object input correctly', () => {
       const componentData = {
-        tag: 'Button',
+        tagName: 'Button',
         version: '1.0.0',
         data: { label: 'Object Input Test' }
       };
@@ -317,12 +317,12 @@ describe('ComponentTransformer', () => {
     it('should handle array input correctly', () => {
       const componentsData = [
         {
-          tag: 'Button',
+          tagName: 'Button',
           version: '1.0.0',
           data: { label: 'Array Item 1' }
         },
         {
-          tag: 'Button',
+          tagName: 'Button',
           version: '1.0.0', 
           data: { label: 'Array Item 2' }
         }
@@ -356,7 +356,7 @@ describe('ComponentTransformer', () => {
       const input = [
         'plain text',
         {
-          tag: 'Button',
+          tagName: 'Button',
           version: '1.0.0',
           data: { label: 'Embedded Button' }
         },
@@ -382,12 +382,12 @@ describe('ComponentTransformer', () => {
 
     it('should produce correct serialized structure format', () => {
       // This test verifies the data structure requirement:
-      // { tag: "ComponentName", version: "1.0.0", data: {...} }
+      // { tagName: "ComponentName", version: "1.0.0", data: {...} }
       
       // Since we can't easily test serialization of actual React elements
       // without a more complex setup, we'll test the deserialization format
       const expectedStructure = {
-        tag: 'Button',
+        tagName: 'Button',
         version: '1.0.0',
         data: {
           label: 'Test Button',
@@ -401,7 +401,7 @@ describe('ComponentTransformer', () => {
 
     it('should handle version information correctly', () => {
       const componentWithVersion = {
-        tag: 'Button',
+        tagName: 'Button',
         version: '2.1.0',
         data: { label: 'Version Test' }
       };
@@ -431,7 +431,7 @@ describe('ComponentTransformer', () => {
       ComponentTransformer.registerComponent(AlternativeMockComponentClass);
       
       const componentData = {
-        tag: 'AlternativeComponent',
+        tagName: 'AlternativeComponent',
         version: '2.1.0',
         data: { label: 'Version Test', type: 'primary' }
       };
@@ -459,12 +459,12 @@ describe('ComponentTransformer', () => {
       const mixedArray = [
         'Text node',
         {
-          tag: 'MockComponent',
+          tagName: 'MockComponent',
           version: '1.0.0',
           data: { title: 'Registered Component' }
         },
         {
-          tag: '__react_node__',
+          tagName: '__react_node__',
           version: '1.0.0',
           data: {
             type: 'react-element',
@@ -486,7 +486,7 @@ describe('ComponentTransformer', () => {
 
     it('should gracefully handle unknown registered components with fallback', () => {
       const unknownComponent = {
-        tag: 'NonExistentComponent',
+        tagName: 'NonExistentComponent',
         version: '1.0.0',
         data: { some: 'data' }
       };
@@ -500,7 +500,7 @@ describe('ComponentTransformer', () => {
       ComponentTransformer.registerComponent(MockSerializableComponentClass);
       
       const componentData = {
-        tag: 'MockComponent',
+        tagName: 'MockComponent',
         version: '1.0.0',
         data: {
           title: 'Test Title',

package/src/__tests__/schemas/transformers/CrossBrowserCompatibility.test.ts

@@ -115,7 +115,7 @@ describe('Cross-Browser Compatibility Tests', () => {
   describe('JSON Parsing and Serialization', () => {
     it('should handle JSON parsing consistently across environments', () => {
       const testData = {
-        tag: 'CrossBrowserTest',
+        tagName: 'CrossBrowserTest',
         version: '1.0.0',
         data: {
           text: 'Hello World',
@@ -150,7 +150,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       edgeCases.forEach(({ name, value }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { [name.replace(/\s+/g, '_')]: value }
         };
@@ -179,7 +179,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       numberTests.forEach(({ name, value }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { number: value }
         };
@@ -220,7 +220,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       unicodeTests.forEach(({ name, text }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { unicode: text }
         };
@@ -250,7 +250,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       specialCharTests.forEach(({ name, text }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { specialChars: text }
         };
@@ -283,7 +283,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       dateTests.forEach(({ name, date }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { date }
         };
@@ -345,7 +345,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       nestedTests.forEach(({ name, data }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data
         };
@@ -364,7 +364,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
     it('should handle object property order consistently', () => {
       const testData = {
-        tag: 'CrossBrowserTest',
+        tagName: 'CrossBrowserTest',
         version: '1.0.0',
         data: {
           z_property: 'last',
@@ -416,7 +416,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
     it('should handle component errors consistently', () => {
       const invalidComponent = {
-        tag: 'NonExistentComponent',
+        tagName: 'NonExistentComponent',
         version: '1.0.0',
         data: {}
       };
@@ -434,7 +434,7 @@ describe('Cross-Browser Compatibility Tests', () => {
   describe('Performance Consistency', () => {
     it('should maintain consistent performance across browsers', () => {
       const largeTestData = {
-        tag: 'CrossBrowserTest',
+        tagName: 'CrossBrowserTest',
         version: '1.0.0',
         data: {
           array: Array.from({ length: 1000 }, (_, i) => ({
@@ -479,7 +479,7 @@ describe('Cross-Browser Compatibility Tests', () => {
   describe('Memory Usage Consistency', () => {
     it('should handle memory usage consistently', () => {
       const memoryTestData = Array.from({ length: 100 }, (_, i) => ({
-        tag: 'CrossBrowserTest',
+        tagName: 'CrossBrowserTest',
         version: '1.0.0',
         data: {
           text: `Memory test item ${i}`,
@@ -526,7 +526,7 @@ describe('Cross-Browser Compatibility Tests', () => {
 
       boundaryTests.forEach(({ name, value }) => {
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { number: value }
         };
@@ -563,7 +563,7 @@ describe('Cross-Browser Compatibility Tests', () => {
       lengthTests.forEach(({ name, length }) => {
         const longString = 'x'.repeat(length);
         const testData = {
-          tag: 'CrossBrowserTest',
+          tagName: 'CrossBrowserTest',
           version: '1.0.0',
           data: { text: longString }
         };

package/src/__tests__/schemas/transformers/SerializationErrorHandling.test.ts

@@ -68,7 +68,7 @@ describe('Component Serialization Error Handling', () => {
   describe('Unknown Component Errors', () => {
     it('should throw descriptive error for unregistered component', () => {
       const unknownComponent = {
-        tag: 'UnknownWidget',
+        tagName: 'UnknownWidget',
         version: '1.0.0',
         data: { prop: 'value' }
       };
@@ -80,7 +80,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should throw error for component with special characters in tag name', () => {
       const invalidTagComponent = {
-        tag: 'Invalid<>Tag',
+        tagName: 'Invalid<>Tag',
         version: '1.0.0',
         data: {}
       };
@@ -92,7 +92,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should throw error for component with numeric tag name', () => {
       const numericTagComponent = {
-        tag: '123Component',
+        tagName: '123Component',
         version: '1.0.0',
         data: {}
       };
@@ -104,7 +104,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should throw error for empty tag name', () => {
       const emptyTagComponent = {
-        tag: '',
+        tagName: '',
         version: '1.0.0',
         data: {}
       };
@@ -119,12 +119,12 @@ describe('Component Serialization Error Handling', () => {
       
       const mixedComponents = [
         {
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Valid Button' }
         },
         {
-          tag: 'UnknownComponent',
+          tagName: 'UnknownComponent',
           version: '1.0.0',
           data: {}
         }
@@ -143,7 +143,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should throw error when data property is missing', () => {
       const missingDataComponent = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0'
         // Missing data property
       };
@@ -155,7 +155,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle undefined data property', () => {
       const undefinedDataComponent = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0',
         data: undefined
       };
@@ -167,7 +167,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle null data property gracefully', () => {
       const nullDataComponent = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0',
         data: null
       };
@@ -195,7 +195,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle missing version property', () => {
       const missingVersionComponent = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         data: { label: 'Test' }
         // Missing version property
       };
@@ -208,10 +208,10 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle invalid version format', () => {
       const invalidVersions = [
-        { tag: 'ErrorTestButton', version: 123, data: {} },
-        { tag: 'ErrorTestButton', version: null, data: {} },
-        { tag: 'ErrorTestButton', version: {}, data: {} },
-        { tag: 'ErrorTestButton', version: 'invalid.version.format.too.long', data: {} }
+        { tagName: 'ErrorTestButton', version: 123, data: {} },
+        { tagName: 'ErrorTestButton', version: null, data: {} },
+        { tagName: 'ErrorTestButton', version: {}, data: {} },
+        { tagName: 'ErrorTestButton', version: 'invalid.version.format.too.long', data: {} }
       ];
 
       invalidVersions.forEach((component, index) => {
@@ -244,7 +244,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle very large JSON input', () => {
       const largeObject = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0',
         data: {
           largeText: 'x'.repeat(10000000) // 10MB string
@@ -258,7 +258,7 @@ describe('Component Serialization Error Handling', () => {
     });
 
     it('should handle deeply nested JSON structures', () => {
-      let deepObject: any = { tag: 'ErrorTestButton', version: '1.0.0', data: {} };
+      let deepObject: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       
       // Create 1000 levels of nesting
       for (let i = 0; i < 1000; i++) {
@@ -273,7 +273,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle JSON with circular references (after JSON.stringify)', () => {
       // Since JSON.stringify removes circular references, we test the behavior
-      const obj: any = { tag: 'ErrorTestButton', version: '1.0.0', data: {} };
+      const obj: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       obj.circular = obj;
 
       expect(() => {
@@ -288,7 +288,7 @@ describe('Component Serialization Error Handling', () => {
       ComponentTransformer.registerComponent(ErrorTestButton as SerializableConstructor);
       
       const componentThatWillThrow = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0',
         data: { throwOnFromJson: true }
       };
@@ -302,7 +302,7 @@ describe('Component Serialization Error Handling', () => {
       ComponentTransformer.registerComponent(MalformedFromJsonComponent as SerializableConstructor);
       
       const malformedComponent = {
-        tag: 'MalformedFromJsonComponent',
+        tagName: 'MalformedFromJsonComponent',
         version: '1.0.0',
         data: {}
       };
@@ -322,7 +322,7 @@ describe('Component Serialization Error Handling', () => {
       }).not.toThrow(); // Registration succeeds, but usage will fail
       
       const invalidComponent = {
-        tag: 'InvalidClass',
+        tagName: 'InvalidClass',
         version: '1.0.0',
         data: {}
       };
@@ -376,13 +376,13 @@ describe('Component Serialization Error Handling', () => {
       const mixedArray = [
         'string',
         {
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Valid' }
         },
         42,
         {
-          tag: 'UnknownComponent',
+          tagName: 'UnknownComponent',
           version: '1.0.0',
           data: {}
         },
@@ -396,10 +396,10 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle object with component-like structure but missing required fields', () => {
       const fakeComponentData = [
-        { tag: 'ErrorTestButton' }, // Missing version and data
+        { tagName: 'ErrorTestButton' }, // Missing version and data
         { version: '1.0.0', data: {} }, // Missing tag
-        { tag: null, version: '1.0.0', data: {} }, // Null tag
-        { tag: 123, version: '1.0.0', data: {} }, // Non-string tag
+        { tagName: null, version: '1.0.0', data: {} }, // Null tag
+        { tagName: 123, version: '1.0.0', data: {} }, // Non-string tag
       ];
 
       fakeComponentData.forEach((fake, index) => {
@@ -418,17 +418,17 @@ describe('Component Serialization Error Handling', () => {
 
     it('should propagate errors from deeply nested components', () => {
       const deeplyNested = {
-        tag: 'ErrorTestButton',
+        tagName: 'ErrorTestButton',
         version: '1.0.0',
         data: {
           children: [
             {
-              tag: 'ErrorTestButton',
+              tagName: 'ErrorTestButton',
               version: '1.0.0',
               data: {
                 children: [
                   {
-                    tag: 'UnknownDeepComponent',
+                    tagName: 'UnknownDeepComponent',
                     version: '1.0.0',
                     data: {}
                   }
@@ -447,17 +447,17 @@ describe('Component Serialization Error Handling', () => {
     it('should handle partial failures in component arrays gracefully', () => {
       const componentsWithError = [
         {
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Button 1' }
         },
         {
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Button 2' }
         },
         {
-          tag: 'UnknownComponent',
+          tagName: 'UnknownComponent',
           version: '1.0.0',
           data: {}
         }
@@ -473,11 +473,11 @@ describe('Component Serialization Error Handling', () => {
     it('should provide helpful error messages for common mistakes', () => {
       const commonMistakes = [
         {
-          data: { tag: 'Button', version: '1.0.0', data: {} },
+          data: { tagName: 'Button', version: '1.0.0', data: {} },
           expectedError: /Unknown component: Button/
         },
         {
-          data: { tag: 'ErrorTestButton', version: '1.0.0' },
+          data: { tagName: 'ErrorTestButton', version: '1.0.0' },
           expectedError: /missing 'data' property/
         },
         {
@@ -514,7 +514,7 @@ describe('Component Serialization Error Handling', () => {
       contextualErrors.forEach(({ component, expectedInError }) => {
         expect(() => {
           ComponentTransformer.deserialize({
-            tag: component,
+            tagName: component,
             version: '1.0.0',
             data: {}
           });
@@ -534,7 +534,7 @@ describe('Component Serialization Error Handling', () => {
       
       expect(() => {
         ComponentTransformer.deserialize({
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Test' }
         });
@@ -544,7 +544,7 @@ describe('Component Serialization Error Handling', () => {
       ComponentTransformer.registerComponent(ErrorTestButton as SerializableConstructor);
       expect(() => {
         const result = ComponentTransformer.deserialize({
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'Recovery Test' }
         });
@@ -560,7 +560,7 @@ describe('Component Serialization Error Handling', () => {
       // Cause an error
       expect(() => {
         ComponentTransformer.deserialize({
-          tag: 'UnknownComponent',
+          tagName: 'UnknownComponent',
           version: '1.0.0',
           data: {}
         });
@@ -575,7 +575,7 @@ describe('Component Serialization Error Handling', () => {
     it('should handle memory pressure during error conditions', () => {
       // Create memory pressure with large failing operations
       const largeFailingOperations = Array.from({ length: 100 }, (_, i) => ({
-        tag: `UnknownComponent${i}`,
+        tagName: `UnknownComponent${i}`,
         version: '1.0.0',
         data: {
           largeData: 'x'.repeat(1000)
@@ -591,7 +591,7 @@ describe('Component Serialization Error Handling', () => {
       // System should still be responsive
       expect(() => {
         const result = ComponentTransformer.deserialize({
-          tag: 'ErrorTestButton',
+          tagName: 'ErrorTestButton',
           version: '1.0.0',
           data: { label: 'After Memory Pressure' }
         });