@object-ui/plugin-grid 0.3.1 → 2.0.0

package/src/ListColumnSchema.test.ts

@@ -0,0 +1,88 @@
+/**
+ * ListColumn Zod Schema Tests
+ *
+ * Verifies that the ListColumnSchema Zod definition includes link and action properties.
+ */
+import { describe, it, expect } from 'vitest';
+import { ListColumnSchema } from '@object-ui/types/zod';
+
+describe('ListColumnSchema (Zod)', () => {
+  it('should accept link property', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+      link: true,
+    });
+    expect(result.success).toBe(true);
+    if (result.success) {
+      expect(result.data.link).toBe(true);
+    }
+  });
+
+  it('should accept action property', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'status',
+      action: 'toggleStatus',
+    });
+    expect(result.success).toBe(true);
+    if (result.success) {
+      expect(result.data.action).toBe('toggleStatus');
+    }
+  });
+
+  it('should accept all properties together', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+      label: 'Full Name',
+      width: 200,
+      align: 'left',
+      hidden: false,
+      sortable: true,
+      resizable: true,
+      wrap: false,
+      type: 'text',
+      link: true,
+      action: 'viewDetail',
+    });
+    expect(result.success).toBe(true);
+    if (result.success) {
+      expect(result.data.link).toBe(true);
+      expect(result.data.action).toBe('viewDetail');
+    }
+  });
+
+  it('should make link optional', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+    });
+    expect(result.success).toBe(true);
+    if (result.success) {
+      expect(result.data.link).toBeUndefined();
+    }
+  });
+
+  it('should make action optional', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+    });
+    expect(result.success).toBe(true);
+    if (result.success) {
+      expect(result.data.action).toBeUndefined();
+    }
+  });
+
+  it('should reject non-boolean link', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+      link: 'yes',
+    });
+    expect(result.success).toBe(false);
+  });
+
+  it('should reject non-string action', () => {
+    const result = ListColumnSchema.safeParse({
+      field: 'name',
+      action: 42,
+    });
+    expect(result.success).toBe(false);
+  });
+});

package/src/ObjectGrid.msw.test.tsx

@@ -0,0 +1,130 @@
+import { describe, it, expect, vi, beforeAll, afterAll, afterEach } from 'vitest';
+import { render, screen, waitFor, within } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { ObjectGrid } from './ObjectGrid';
+import { ObjectStackAdapter } from '@object-ui/data-objectstack';
+import { setupServer } from 'msw/node';
+import { http, HttpResponse } from 'msw';
+import { registerAllFields } from '@object-ui/fields';
+import React from 'react';
+import { ContactObject } from '../../../examples/crm/src/objects/contact.object';
+
+registerAllFields();
+
+const BASE_URL = process.env.OBJECTSTACK_API_URL || 'http://localhost';
+
+// --- Mock Data ---
+
+const mockSchema = ContactObject;
+
+const mockData = {
+  value: [
+    { _id: '1', name: 'John Doe', email: 'john@example.com', company: 'Acme Inc' },
+    { _id: '2', name: 'Jane Smith', email: 'jane@test.com', company: 'Globex' },
+    { _id: '3', name: 'Bob Wilson', email: 'bob@test.com', company: 'Acme Inc' }
+  ],
+  count: 3,
+  '@odata.count': 3
+};
+
+// --- MSW Setup ---
+
+const handlers = [
+  // .well-known discovery endpoint (used by client.connect())
+  http.get(`${BASE_URL}/.well-known/objectstack`, () => {
+    return HttpResponse.json({
+      name: 'ObjectStack API',
+      version: '1.0',
+      endpoints: {
+        data: '/api/v1/data',
+        metadata: '/api/v1/meta'
+      },
+      capabilities: {
+        graphql: false,
+        search: false,
+        websockets: false,
+        files: true,
+        analytics: false,
+        hub: false
+      }
+    });
+  }),
+
+  // OPTIONS handler for CORS preflight
+  http.options(`${BASE_URL}/*`, () => {
+    return new HttpResponse(null, {
+      status: 200,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'GET,HEAD,POST,PUT,DELETE,CONNECT,OPTIONS,TRACE,PATCH',
+        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+      },
+    });
+  }),
+  
+  // Health check / Connection check
+  http.get(`${BASE_URL}/api/v1`, () => {
+    return HttpResponse.json({ status: 'ok', version: '1.0.0' });
+  }),
+
+  // Schema: /api/v1/metadata/object/:name and /api/v1/meta/object/:name (client uses /meta)
+  http.get(`${BASE_URL}/api/v1/metadata/object/contact`, () => {
+    return HttpResponse.json(mockSchema);
+  }),
+  http.get(`${BASE_URL}/api/v1/meta/object/contact`, () => {
+    return HttpResponse.json(mockSchema);
+  }),
+
+  // Data Query: /api/v1/data/contact
+  http.get(`${BASE_URL}/api/v1/data/contact`, () => {
+    return HttpResponse.json(mockData);
+  })
+];
+
+const server = setupServer(...handlers);
+
+// --- Test Suite ---
+
+describe('ObjectGrid with ObjectStack/MSW', () => {
+    // Only start MSW if we are NOT using a real server
+    if (!process.env.OBJECTSTACK_API_URL) {
+        beforeAll(() => server.listen());
+        afterEach(() => server.resetHandlers());
+        afterAll(() => server.close());
+    }
+
+    const dataSource = new ObjectStackAdapter({
+        baseUrl: BASE_URL,
+    });
+
+    it('loads schema and data rows', async () => {
+        render(
+            <ObjectGrid
+                schema={{
+                    type: 'object-grid',
+                    objectName: 'contact',
+                    columns: ['name', 'email', 'company'] // Explicit columns or auto-derived
+                }}
+                dataSource={dataSource}
+            />
+        );
+
+        // Verify Column Headers (from schema or props)
+        await waitFor(() => {
+            // Changed from 'Full Name' to 'Name' to match CRM example schema
+            expect(screen.getByText('Name')).toBeInTheDocument();
+        });
+        expect(screen.getByText('Email')).toBeInTheDocument();
+        expect(screen.getByText('Company')).toBeInTheDocument();
+
+        // Verify Data Rows
+        await waitFor(() => {
+            expect(screen.getByText('John Doe')).toBeInTheDocument();
+        });
+        expect(screen.getByText('jane@test.com')).toBeInTheDocument();
+        expect(screen.getByText('Globex')).toBeInTheDocument();
+
+        // Check Row Count (if grid displays it)
+        // expect(screen.getByText(/3 records/i)).toBeInTheDocument();
+    });
+});