feat(ObjectForm): increase wait timeout for form loading in integration tests

Author: hotlong

apps/console/src/__tests__/ConsoleFeatures.test.tsx

@@ -54,7 +54,8 @@ vi.mock('lucide-react', () => ({
     Table: () => <span>Tab</span>,
     AlignLeft: () => <span>Gantt</span>,
     Filter: () => <span>FilterIcon</span>,
-    X: () => <span>X</span>
+    X: () => <span>X</span>,
+    Code2: () => <span>Code</span>
 }));
 
 describe('ObjectView Console Features', () => {

apps/console/src/__tests__/ObjectForm.test.tsx

@@ -91,7 +91,7 @@ describe('ObjectForm with MSW Integration', () => {
       // Wait for form to load
       await waitFor(() => {
         expect(screen.getByLabelText(/^Name/i)).toBeInTheDocument();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       expect(screen.getByLabelText(/Email/i)).toBeInTheDocument();
       expect(screen.getByLabelText(/^Phone/i)).toBeInTheDocument();
@@ -122,7 +122,7 @@ describe('ObjectForm with MSW Integration', () => {
       // Wait for form to load
       await waitFor(() => {
         expect(screen.getByLabelText(/^Name/i)).toBeInTheDocument();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       // Fill in the form
       await user.type(screen.getByLabelText(/^Name/i), 'Test User');
@@ -137,7 +137,7 @@ describe('ObjectForm with MSW Integration', () => {
       // Wait for success callback
       await waitFor(() => {
         expect(onSuccess).toHaveBeenCalled();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       const createdContact = onSuccess.mock.calls[0][0];
       expect(createdContact.name).toBe('Test User');
@@ -165,7 +165,7 @@ describe('ObjectForm with MSW Integration', () => {
 
       await waitFor(() => {
         expect(screen.getByLabelText(/^Name/i)).toBeInTheDocument();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       // Try to submit without filling required fields
       const submitButton = screen.getByRole('button', { name: /create/i });
@@ -196,7 +196,7 @@ describe('ObjectForm with MSW Integration', () => {
 
       await waitFor(() => {
         expect(screen.getByLabelText(/^Name/i)).toBeInTheDocument();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       // Fill required fields only
       await user.type(screen.getByLabelText(/^Name/i), 'Default Test');
@@ -207,7 +207,7 @@ describe('ObjectForm with MSW Integration', () => {
 
       await waitFor(() => {
         expect(onSuccess).toHaveBeenCalled();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       const createdContact = onSuccess.mock.calls[0][0];
       // Check default values from schema
@@ -235,7 +235,7 @@ describe('ObjectForm with MSW Integration', () => {
       await waitFor(() => {
         const nameInput = screen.getByLabelText(/^Name/i) as HTMLInputElement;
         expect(nameInput.value).toBe('Alice Johnson');
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       const emailInput = screen.getByLabelText(/Email/i) as HTMLInputElement;
       expect(emailInput.value).toBe('alice@objectstack.com');
@@ -266,7 +266,7 @@ describe('ObjectForm with MSW Integration', () => {
       await waitFor(() => {
         const nameInput = screen.getByLabelText(/^Name/i) as HTMLInputElement;
         expect(nameInput.value).toBe('Alice Johnson');
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       // Update the name
       const nameInput = screen.getByLabelText(/^Name/i);
@@ -278,7 +278,7 @@ describe('ObjectForm with MSW Integration', () => {
 
       await waitFor(() => {
         expect(onSuccess).toHaveBeenCalled();
-      }, { timeout: 5000 });
+      }, { timeout: 10000 });
 
       const updatedContact = onSuccess.mock.calls[0][0];
       expect(updatedContact.name).toBe('Alice Johnson Updated');

apps/console/src/mocks/server.ts

@@ -38,19 +38,8 @@ export async function startMockServer() {
   // Bootstrap kernel WITHOUT MSW plugin (we'll handle MSW separately for tests)
   await kernel.bootstrap();
 
-  // Load initial data from manifest
-  const manifest = (appConfig as any).manifest;
-  if (manifest && Array.isArray(manifest.data)) {
-    console.log('[MSW] Loading initial data...');
-    for (const dataset of manifest.data) {
-      if (dataset.object && Array.isArray(dataset.records)) {
-        for (const record of dataset.records) {
-          await driver.create(dataset.object, record);
-        }
-        console.log(`[MSW] Loaded ${dataset.records.length} records for ${dataset.object}`);
-      }
-    }
-  }
+  // Note: AppPlugin already loads manifest data during bootstrap,
+  // so we don't need to manually load it again here.
 
   // Create MSW handlers manually for both paths to ensure compatibility with client defaults
   const v1Handlers = createHandlers('http://localhost:3000/api/v1', kernel, driver!);

packages/plugin-form/src/ObjectForm.tsx

@@ -83,10 +83,12 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
         if (!dataSource) {
           throw new Error('DataSource is required when using ObjectQL schema fetching (inline fields not provided)');
         }
+        console.log('[ObjectForm] Fetching object schema for:', schema.objectName);
         const schemaData = await dataSource.getObjectSchema(schema.objectName);
+        console.log('[ObjectForm] Got schema data:', schemaData?.name, 'fields count:', Object.keys(schemaData?.fields || {}).length);
         setObjectSchema(schemaData);
       } catch (err) {
-        console.error('Failed to fetch object schema:', err);
+        console.error('[ObjectForm] Failed to fetch object schema:', err);
         setError(err as Error);
       }
     };
@@ -269,6 +271,7 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
       }
     });
 
+    console.log('[ObjectForm] Generated fields:', generatedFields.length, 'for objectSchema:', objectSchema?.name);
     setFormFields(generatedFields);
     setLoading(false);
   }, [objectSchema, schema.fields, schema.customFields, schema.readOnly, schema.mode, hasInlineFields]);
@@ -364,6 +367,7 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
   }
 
   // Render loading state
+  console.log('[ObjectForm] Render check - loading:', loading, 'formFields:', formFields.length, 'objectSchema:', !!objectSchema, 'error:', !!error);
   if (loading) {
     return (
       <div className="p-8 text-center">

packages/plugin-form/src/index.tsx

@@ -19,7 +19,26 @@ const ObjectFormRenderer: React.FC<{ schema: any }> = ({ schema }) => {
 };
 
 ComponentRegistry.register('object-form', ObjectFormRenderer, {
-  namespace: 'plugin-form'
+  namespace: 'plugin-form',
+  label: 'Object Form',
+  category: 'plugin',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'fields', type: 'array', label: 'Fields' },
+    { name: 'mode', type: 'enum', label: 'Mode', enum: ['create', 'edit', 'view'] },
+  ]
+});
+
+// Alias for view namespace - this allows using { type: 'view:form' } in schemas
+ComponentRegistry.register('form', ObjectFormRenderer, {
+  namespace: 'view',
+  label: 'Data Form',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'fields', type: 'array', label: 'Fields' },
+    { name: 'mode', type: 'enum', label: 'Mode', enum: ['create', 'edit', 'view'] },
+  ]
 });
 
 // Note: 'form' type is handled by @object-ui/components Form component

packages/plugin-report/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@object-ui/plugin-report",
   "version": "0.1.0",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
   "files": [
     "dist"
   ],