Add unit tests and Vitest configuration for Calendar, Gantt, Grid, Kanban, List, Map, and Timeline plugins

Author: hotlong

packages/plugin-calendar/src/registration.test.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeAll } from 'vitest';
+import { ComponentRegistry } from '@object-ui/core';
+
+// Mock dependencies
+vi.mock('@object-ui/react', () => ({
+  useSchemaContext: vi.fn(() => ({ dataSource: { type: 'mock-datasource' } })),
+}));
+
+// Mock the implementation
+vi.mock('./ObjectCalendar', () => ({
+  ObjectCalendar: ({ dataSource }: any) => (
+    <div data-testid="calendar-mock">
+        {dataSource ? `DataSource: ${dataSource.type}` : 'No DataSource'}
+    </div>
+  )
+}));
+
+describe('Plugin Calendar Registration', () => {
+  beforeAll(async () => {
+    // Import index to trigger registration
+    await import('./index');
+  });
+
+  it('registers object-calendar component', () => {
+    const config = ComponentRegistry.get('object-calendar');
+    expect(config).toBeDefined();
+    // Label might be 'Object Calendar' - checking existence mostly
+  });
+
+  it('registered component passes dataSource from context', () => {
+    const config = ComponentRegistry.get('object-calendar');
+    const Renderer = config?.component as React.FC<any>;
+    
+    expect(Renderer).toBeDefined();
+
+    render(<Renderer schema={{}} />);
+    
+    expect(screen.getByTestId('calendar-mock')).toHaveTextContent('DataSource: mock-datasource');
+  });
+});

packages/plugin-calendar/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-calendar/vitest.setup.ts

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

packages/plugin-charts/src/registration.test.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeAll } from 'vitest';
+import { ComponentRegistry } from '@object-ui/core';
+
+describe('Plugin Charts Registration', () => {
+  beforeAll(async () => {
+    await import('./index');
+  });
+
+  it('registers bar-chart component', () => {
+    const config = ComponentRegistry.get('bar-chart');
+    expect(config).toBeDefined();
+  });
+
+   it('registers chart component types', () => {
+    expect(ComponentRegistry.get('chart-renderer')).toBeDefined(); // Assuming base
+    // Verify aliases if they exist
+    expect(ComponentRegistry.get('pie-chart')).toBeDefined();
+    expect(ComponentRegistry.get('donut-chart')).toBeDefined();
+  });
+});

packages/plugin-charts/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-charts/vitest.setup.ts

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

packages/plugin-detail/src/registration.test.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeAll } from 'vitest';
+import { ComponentRegistry } from '@object-ui/core';
+
+describe('Plugin Detail Registration', () => {
+  beforeAll(async () => {
+    await import('./index');
+  });
+
+  it('registers detail-view component', () => {
+    const config = ComponentRegistry.get('detail-view');
+    expect(config).toBeDefined();
+    expect(config?.label).toBe('Detail View');
+  });
+
+  it('registers related sub-components', () => {
+     // Assuming these might be registered in future or implicitly available
+     // If index.tsx exports them, they are available to import.
+     // If they are not registered in Registry, we don't test registry for them.
+  });
+});

packages/plugin-detail/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-detail/vitest.setup.ts

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

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeAll } from 'vitest';
+import { ComponentRegistry } from '@object-ui/core';
+
+// Mock dependencies
+vi.mock('@object-ui/react', () => ({
+  useSchemaContext: vi.fn(() => ({ dataSource: { type: 'mock-datasource' } })),
+}));
+
+vi.mock('./ObjectGantt', () => ({
+  ObjectGantt: ({ dataSource }: any) => (
+    <div data-testid="gantt-mock">
+        {dataSource ? `DataSource: ${dataSource.type}` : 'No DataSource'}
+    </div>
+  )
+}));
+
+describe('Plugin Gantt Registration', () => {
+  beforeAll(async () => {
+    await import('./index');
+  });
+
+  it('registers object-gantt component', () => {
+    const config = ComponentRegistry.get('object-gantt');
+    expect(config).toBeDefined();
+    expect(config?.label).toBe('Object Gantt');
+  });
+
+  it('registered component passes dataSource from context', () => {
+    const config = ComponentRegistry.get('object-gantt');
+    const Renderer = config?.component as React.FC<any>;
+    
+    render(<Renderer schema={{}} />);
+    expect(screen.getByTestId('gantt-mock')).toHaveTextContent('DataSource: mock-datasource');
+  });
+});