Enhance BrowserSimulation and ObjectView tests; add timeout for form scenario and register mock components for SchemaRenderer

Author: hotlong

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

@@ -1,6 +1,6 @@
 
 import { describe, it, expect, vi } from 'vitest';
-import { render, screen, waitFor, fireEvent } from '@testing-library/react';
+import { render, screen, waitFor, fireEvent, within } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 import '@object-ui/fields'; // Ensure fields are registered for ObjectForm tests
 
@@ -153,7 +153,7 @@ describe('Console Application Simulation', () => {
         // We assume Grid renders the rows.
     });
 
-    it('Scenario 4: Object Create Form (All Field Types)', async () => {
+    it('Scenario 4: Object Create Form (All Field Types)', { timeout: 20000 }, async () => {
         // Helper function to check if a label exists in the form
         const expectLabelToExist = (label: string) => {
             const escaped = label.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
@@ -181,10 +181,12 @@ describe('Console Application Simulation', () => {
             expect(title).toBeInTheDocument();
         });
 
+        const dialog = screen.getByRole('dialog');
+
         // 4. Verify Field Inputs
         // Wait for form to finish loading and first field to appear
         await waitFor(() => {
-             expect(screen.getByText(/Text \(Name\)/i)).toBeInTheDocument();
+             expect(within(dialog).getByText(/Text \(Name\)/i)).toBeInTheDocument();
         }, { timeout: 10000 });
 
         const fieldLabels = [

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

@@ -2,6 +2,7 @@ import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { ObjectView } from '../components/ObjectView';
+import { ComponentRegistry } from '@object-ui/core';
 
 // Mock child plugins to isolate ObjectView logic
 vi.mock('@object-ui/plugin-grid', () => ({
@@ -22,6 +23,8 @@ vi.mock('@object-ui/components', async () => {
         cn: (...inputs: any[]) => inputs.filter(Boolean).join(' '),
         Button: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
         Input: (props: any) => <input {...props} data-testid="mock-input" />,
+        ToggleGroup: ({ children, value, onValueChange }: any) => <div data-value={value} onChange={onValueChange}>{children}</div>,
+        ToggleGroupItem: ({ children, value }: any) => <button data-value={value}>{children}</button>,
         Tabs: ({ value, onValueChange, children }: any) => (
             <div data-testid="tabs" data-value={value} onClick={(e: any) => {
                  // Simple event delegation for testing
@@ -59,6 +62,14 @@ vi.mock('react-router-dom', () => ({
 
 describe('ObjectView Component', () => {
 
+    beforeEach(() => {
+        // Register mock components for SchemaRenderer to find
+        ComponentRegistry.register('object-grid', (props: any) => <div data-testid="object-grid">Grid View: {props.schema.objectName}</div>);
+        ComponentRegistry.register('object-kanban', (props: any) => <div data-testid="object-kanban">Kanban View: {props.schema.groupField}</div>);
+        ComponentRegistry.register('object-calendar', (props: any) => <div data-testid="object-calendar">Calendar View: {props.schema.startDateField}</div>);
+        ComponentRegistry.register('list-view', (props: any) => <div data-testid="list-view">List View</div>); 
+    });
+
     const mockDataSource = {
         find: vi.fn().mockResolvedValue([]),
         delete: vi.fn().mockResolvedValue(true)