Add unit tests and configuration for Gantt, Map, and Timeline components

Author: hotlong

packages/plugin-gantt/src/ObjectGantt.test.tsx

@@ -0,0 +1,88 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { ObjectGantt } from './ObjectGantt';
+import { DataSource } from '@object-ui/types';
+
+// Mock GanttView to avoid complex rendering in tests
+vi.mock('./GanttView', () => ({
+  GanttView: ({ tasks }: any) => (
+    <div data-testid="gantt-view">
+      {tasks.map((t: any) => (
+        <div key={t.id} data-testid="gantt-task">{t.title}</div>
+      ))}
+    </div>
+  ),
+}));
+
+const mockData = [
+  { id: '1', name: 'Task 1', start_date: '2024-01-01', end_date: '2024-01-05', progress: 50 },
+  { id: '2', name: 'Task 2', start_date: '2024-01-06', end_date: '2024-01-10', progress: 0 },
+];
+
+const mockDataSource: DataSource = {
+  find: vi.fn(),
+  findOne: vi.fn(),
+  create: vi.fn(),
+  update: vi.fn(),
+  delete: vi.fn(),
+  getObjectSchema: vi.fn().mockResolvedValue({
+    fields: {
+       name: { type: 'text' },
+       start_date: { type: 'date' },
+       end_date: { type: 'date' }
+    }
+  }),
+};
+
+describe('ObjectGantt', () => {
+  it('renders with static value provider', async () => {
+    const schema: any = {
+      type: 'gantt',
+      gantt: {
+        titleField: 'name',
+        startDateField: 'start_date',
+        endDateField: 'end_date',
+      },
+      data: {
+        provider: 'value',
+        items: mockData,
+      },
+    };
+
+    render(<ObjectGantt schema={schema} />);
+    
+    // Check loading first if needed, or wait for tasks
+    await waitFor(() => {
+        expect(screen.getByTestId('gantt-view')).toBeDefined();
+    });
+    
+    expect(screen.getAllByTestId('gantt-task')).toHaveLength(2);
+    expect(screen.getByText('Task 1')).toBeDefined();
+  });
+
+  it('renders with object provider', async () => {
+    (mockDataSource.find as any).mockResolvedValue({ data: mockData });
+
+    const schema: any = {
+      type: 'gantt',
+      gantt: {
+        titleField: 'name',
+        startDateField: 'start_date',
+        endDateField: 'end_date',
+      },
+      data: {
+        provider: 'object',
+        object: 'tasks',
+      },
+    };
+
+    render(<ObjectGantt schema={schema} dataSource={mockDataSource} />);
+
+    await waitFor(() => {
+      expect(mockDataSource.find).toHaveBeenCalledWith('tasks', expect.any(Object));
+    });
+    
+    expect(screen.getAllByTestId('gantt-task')).toHaveLength(2);
+  });
+});

packages/plugin-gantt/vitest.config.ts

@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    setupFiles: ['./vitest.setup.ts'],
+  },
+});

packages/plugin-gantt/vitest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

packages/plugin-map/src/ObjectMap.test.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { ObjectMap } from './ObjectMap';
+import { DataSource } from '@object-ui/types';
+
+const mockData = [
+  { id: '1', name: 'Loc 1', latitude: 40, longitude: -74 },
+  { id: '2', name: 'Loc 2', latitude: 41, longitude: -75 },
+];
+
+const mockDataSource: DataSource = {
+  find: vi.fn(),
+  findOne: vi.fn(),
+  create: vi.fn(),
+  update: vi.fn(),
+  delete: vi.fn(),
+  getObjectSchema: vi.fn(),
+};
+
+describe('ObjectMap', () => {
+    it('renders with static value provider', async () => {
+        const schema: any = {
+            type: 'map',
+            map: {
+                latitudeField: 'latitude',
+                longitudeField: 'longitude',
+                titleField: 'name'
+            },
+            data: {
+                provider: 'value',
+                items: mockData
+            }
+        };
+
+        render(<ObjectMap schema={schema} />);
+        await waitFor(() => {
+             expect(screen.getByText(/Locations \(2\)/)).toBeDefined();
+        });
+        expect(screen.getByText('Loc 1')).toBeDefined();
+    });
+
+    it('fetches data with object provider', async () => {
+        (mockDataSource.find as any).mockResolvedValue({ data: mockData });
+        
+        const schema: any = {
+            type: 'map',
+            map: {
+                latitudeField: 'latitude',
+                longitudeField: 'longitude',
+                titleField: 'name'
+            },
+            data: {
+                provider: 'object',
+                object: 'locations'
+            }
+        };
+
+        render(<ObjectMap schema={schema} dataSource={mockDataSource} />);
+
+        await waitFor(() => {
+            expect(mockDataSource.find).toHaveBeenCalled();
+        });
+        
+        expect(screen.getByText(/Locations \(2\)/)).toBeDefined();
+    });
+});

packages/plugin-map/vitest.config.ts

@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    setupFiles: ['./vitest.setup.ts'],
+  },
+});

packages/plugin-map/vitest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

packages/plugin-timeline/src/ObjectTimeline.test.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { ObjectTimeline } from './ObjectTimeline';
+import { DataSource } from '@object-ui/types';
+
+// Mock useDataScope
+vi.mock('@object-ui/react', () => ({
+  useDataScope: () => undefined,
+}));
+
+vi.mock('./renderer', () => ({
+  TimelineRenderer: ({ schema }: any) => (
+    <div data-testid="timeline-view">
+      {schema.items?.map((t: any, idx: number) => (
+        <div key={idx} data-testid="timeline-item">{t.title}</div>
+      ))}
+    </div>
+  ),
+}));
+
+const mockData = [
+  { id: '1', name: 'Event 1', date: '2024-01-01', description: 'Desc 1' },
+];
+
+const mockDataSource: DataSource = {
+  find: vi.fn(),
+  findOne: vi.fn(),
+  create: vi.fn(),
+  update: vi.fn(),
+  delete: vi.fn(),
+  getObjectSchema: vi.fn(),
+};
+
+describe('ObjectTimeline', () => {
+    it('renders with static items', async () => {
+        const schema: any = {
+            type: 'timeline',
+            items: [
+                { title: 'Static Event', date: '2024-01-01' }
+            ]
+        };
+        render(<ObjectTimeline schema={schema} />);
+        await waitFor(() => {
+            expect(screen.getByText('Static Event')).toBeDefined();
+        });
+    });
+
+    it('fetches data when objectName is provided', async () => {
+        (mockDataSource.find as any).mockResolvedValue({ value: mockData });
+        
+        const schema: any = {
+            type: 'timeline',
+            objectName: 'events',
+            titleField: 'name',
+            dateField: 'date' // Mapping needs to be correct in logic
+        };
+
+        render(<ObjectTimeline schema={schema} dataSource={mockDataSource} />);
+
+        await waitFor(() => {
+             expect(mockDataSource.find).toHaveBeenCalled();
+        });
+
+        expect(screen.getByText('Event 1')).toBeDefined();
+    });
+});

packages/plugin-timeline/vitest.config.ts

@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    setupFiles: ['./vitest.setup.ts'],
+  },
+});

packages/plugin-timeline/vitest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';