@object-ui/plugin-form 3.3.0 → 3.3.2

package/src/__tests__/autoLayout.test.ts

@@ -1,339 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  isWideFieldType,
-  isAutoGeneratedFieldType,
-  inferColumns,
-  inferModalSize,
-  applyAutoColSpan,
-  filterCreateModeFields,
-  applyAutoLayout,
-} from '../autoLayout';
-import type { FormField } from '@object-ui/types';
-
-describe('autoLayout', () => {
-  describe('isWideFieldType', () => {
-    it('returns true for wide form field types', () => {
-      expect(isWideFieldType('field:textarea')).toBe(true);
-      expect(isWideFieldType('field:markdown')).toBe(true);
-      expect(isWideFieldType('field:html')).toBe(true);
-      expect(isWideFieldType('field:grid')).toBe(true);
-      expect(isWideFieldType('field:rich-text')).toBe(true);
-    });
-
-    it('returns true for raw wide field types', () => {
-      expect(isWideFieldType('textarea')).toBe(true);
-      expect(isWideFieldType('markdown')).toBe(true);
-      expect(isWideFieldType('html')).toBe(true);
-      expect(isWideFieldType('grid')).toBe(true);
-      expect(isWideFieldType('rich-text')).toBe(true);
-    });
-
-    it('returns false for narrow field types', () => {
-      expect(isWideFieldType('field:text')).toBe(false);
-      expect(isWideFieldType('field:number')).toBe(false);
-      expect(isWideFieldType('field:select')).toBe(false);
-      expect(isWideFieldType('text')).toBe(false);
-      expect(isWideFieldType('boolean')).toBe(false);
-    });
-  });
-
-  describe('isAutoGeneratedFieldType', () => {
-    it('returns true for auto-generated types', () => {
-      expect(isAutoGeneratedFieldType('formula')).toBe(true);
-      expect(isAutoGeneratedFieldType('summary')).toBe(true);
-      expect(isAutoGeneratedFieldType('auto_number')).toBe(true);
-      expect(isAutoGeneratedFieldType('autonumber')).toBe(true);
-    });
-
-    it('returns false for user-editable types', () => {
-      expect(isAutoGeneratedFieldType('text')).toBe(false);
-      expect(isAutoGeneratedFieldType('number')).toBe(false);
-      expect(isAutoGeneratedFieldType('select')).toBe(false);
-    });
-  });
-
-  describe('inferColumns', () => {
-    it('returns 1 column for 0 fields', () => {
-      expect(inferColumns(0)).toBe(1);
-    });
-
-    it('returns 1 column for 1-3 fields', () => {
-      expect(inferColumns(1)).toBe(1);
-      expect(inferColumns(2)).toBe(1);
-      expect(inferColumns(3)).toBe(1);
-    });
-
-    it('returns 2 columns for 4+ fields', () => {
-      expect(inferColumns(4)).toBe(2);
-      expect(inferColumns(8)).toBe(2);
-      expect(inferColumns(20)).toBe(2);
-    });
-  });
-
-  describe('inferModalSize', () => {
-    it('returns default for 0 or 1 column', () => {
-      expect(inferModalSize(0)).toBe('default');
-      expect(inferModalSize(1)).toBe('default');
-    });
-
-    it('returns xl for 2 columns', () => {
-      expect(inferModalSize(2)).toBe('xl');
-    });
-
-    it('returns full for 3+ columns', () => {
-      expect(inferModalSize(3)).toBe('full');
-      expect(inferModalSize(4)).toBe('full');
-      expect(inferModalSize(5)).toBe('full');
-    });
-  });
-
-  describe('applyAutoColSpan', () => {
-    it('returns fields unchanged when columns is 1', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:textarea' },
-      ];
-      const result = applyAutoColSpan(fields, 1);
-      expect(result).toEqual(fields);
-    });
-
-    it('sets colSpan for wide fields in multi-column layout', () => {
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'desc', label: 'Description', type: 'field:textarea' },
-        { name: 'notes', label: 'Notes', type: 'field:markdown' },
-      ];
-      const result = applyAutoColSpan(fields, 2);
-
-      expect(result[0].colSpan).toBeUndefined();
-      expect(result[1].colSpan).toBe(2);
-      expect(result[2].colSpan).toBe(2);
-    });
-
-    it('does not override user-defined colSpan', () => {
-      const fields: FormField[] = [
-        { name: 'desc', label: 'Description', type: 'field:textarea', colSpan: 1 },
-      ];
-      const result = applyAutoColSpan(fields, 2);
-      expect(result[0].colSpan).toBe(1);
-    });
-
-    it('does not mutate original fields', () => {
-      const fields: FormField[] = [
-        { name: 'desc', label: 'Description', type: 'field:textarea' },
-      ];
-      const result = applyAutoColSpan(fields, 2);
-      expect(fields[0].colSpan).toBeUndefined();
-      expect(result[0].colSpan).toBe(2);
-    });
-  });
-
-  describe('filterCreateModeFields', () => {
-    const objectSchema = {
-      name: 'test',
-      fields: {
-        name: { type: 'text', label: 'Name' },
-        total: { type: 'formula', label: 'Total' },
-        count: { type: 'summary', label: 'Count' },
-        record_no: { type: 'auto_number', label: 'Record #' },
-        email: { type: 'email', label: 'Email' },
-      },
-    };
-
-    it('filters out formula, summary, and auto_number fields', () => {
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'total', label: 'Total', type: 'field:text' },
-        { name: 'count', label: 'Count', type: 'field:text' },
-        { name: 'record_no', label: 'Record #', type: 'field:text' },
-        { name: 'email', label: 'Email', type: 'field:text' },
-      ];
-
-      const result = filterCreateModeFields(fields, objectSchema);
-
-      expect(result).toHaveLength(2);
-      expect(result.map(f => f.name)).toEqual(['name', 'email']);
-    });
-
-    it('keeps all fields when objectSchema has no fields metadata', () => {
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'total', label: 'Total', type: 'field:text' },
-      ];
-
-      const result = filterCreateModeFields(fields, { name: 'test' });
-      expect(result).toHaveLength(2);
-    });
-
-    it('keeps custom fields not in object schema', () => {
-      const fields: FormField[] = [
-        { name: 'custom_field', label: 'Custom', type: 'field:text' },
-      ];
-
-      const result = filterCreateModeFields(fields, objectSchema);
-      expect(result).toHaveLength(1);
-    });
-  });
-
-  describe('applyAutoLayout', () => {
-    it('infers 1 column for 3 fields', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:number' },
-        { name: 'c', label: 'C', type: 'field:select' },
-      ];
-
-      const result = applyAutoLayout(fields, null, undefined, 'create');
-      expect(result.columns).toBe(1);
-      expect(result.fields).toHaveLength(3);
-    });
-
-    it('infers 2 columns for 5 fields', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:text' },
-        { name: 'c', label: 'C', type: 'field:text' },
-        { name: 'd', label: 'D', type: 'field:text' },
-        { name: 'e', label: 'E', type: 'field:text' },
-      ];
-
-      const result = applyAutoLayout(fields, null, undefined, 'edit');
-      expect(result.columns).toBe(2);
-    });
-
-    it('applies colSpan to wide fields when columns > 1', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:text' },
-        { name: 'c', label: 'C', type: 'field:text' },
-        { name: 'd', label: 'D', type: 'field:textarea' },
-      ];
-
-      const result = applyAutoLayout(fields, null, undefined, 'edit');
-      expect(result.columns).toBe(2);
-      expect(result.fields[3].colSpan).toBe(2);
-      // Regular fields should not have colSpan
-      expect(result.fields[0].colSpan).toBeUndefined();
-    });
-
-    it('filters auto-generated fields in create mode', () => {
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'total', label: 'Total', type: 'field:text' },
-        { name: 'email', label: 'Email', type: 'field:text' },
-        { name: 'count', label: 'Count', type: 'field:text' },
-      ];
-
-      const objectSchema = {
-        name: 'test',
-        fields: {
-          name: { type: 'text' },
-          total: { type: 'formula' },
-          email: { type: 'email' },
-          count: { type: 'summary' },
-        },
-      };
-
-      const result = applyAutoLayout(fields, objectSchema, undefined, 'create');
-      expect(result.fields.map(f => f.name)).toEqual(['name', 'email']);
-      expect(result.columns).toBe(1); // Only 2 fields after filtering → 1 column
-    });
-
-    it('does not filter auto-generated fields in edit mode', () => {
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'total', label: 'Total', type: 'field:text' },
-      ];
-
-      const objectSchema = {
-        name: 'test',
-        fields: {
-          name: { type: 'text' },
-          total: { type: 'formula' },
-        },
-      };
-
-      const result = applyAutoLayout(fields, objectSchema, undefined, 'edit');
-      expect(result.fields).toHaveLength(2);
-    });
-
-    it('respects user-provided columns', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:text' },
-      ];
-
-      const result = applyAutoLayout(fields, null, 3, 'edit');
-      expect(result.columns).toBe(3);
-    });
-
-    it('applies auto colSpan even with user-provided columns', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:textarea' },
-      ];
-
-      const result = applyAutoLayout(fields, null, 3, 'edit');
-      expect(result.columns).toBe(3);
-      expect(result.fields[1].colSpan).toBe(3);
-    });
-
-    it('does not override user-defined colSpan on fields', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:textarea', colSpan: 1 },
-        { name: 'c', label: 'C', type: 'field:text' },
-        { name: 'd', label: 'D', type: 'field:text' },
-      ];
-
-      const result = applyAutoLayout(fields, null, undefined, 'edit');
-      expect(result.columns).toBe(2);
-      expect(result.fields[1].colSpan).toBe(1); // User override preserved
-    });
-
-    it('does not mutate original fields array', () => {
-      const fields: FormField[] = [
-        { name: 'a', label: 'A', type: 'field:text' },
-        { name: 'b', label: 'B', type: 'field:textarea' },
-        { name: 'c', label: 'C', type: 'field:text' },
-        { name: 'd', label: 'D', type: 'field:text' },
-      ];
-
-      const result = applyAutoLayout(fields, null, undefined, 'edit');
-      expect(fields[1].colSpan).toBeUndefined();
-      expect(result.fields[1].colSpan).toBe(2);
-    });
-
-    it('handles empty fields array', () => {
-      const result = applyAutoLayout([], null, undefined, 'create');
-      expect(result.fields).toEqual([]);
-      expect(result.columns).toBe(1);
-    });
-
-    it('infers columns based on field count after create-mode filtering', () => {
-      // Start with 5 fields, but 3 are auto-generated → 2 remain → 1 column
-      const fields: FormField[] = [
-        { name: 'name', label: 'Name', type: 'field:text' },
-        { name: 'f1', label: 'F1', type: 'field:text' },
-        { name: 'f2', label: 'F2', type: 'field:text' },
-        { name: 'f3', label: 'F3', type: 'field:text' },
-        { name: 'f4', label: 'F4', type: 'field:text' },
-      ];
-
-      const objectSchema = {
-        name: 'test',
-        fields: {
-          name: { type: 'text' },
-          f1: { type: 'formula' },
-          f2: { type: 'summary' },
-          f3: { type: 'auto_number' },
-          f4: { type: 'text' },
-        },
-      };
-
-      const result = applyAutoLayout(fields, objectSchema, undefined, 'create');
-      // Only 'name' and 'f4' remain after filtering
-      expect(result.fields).toHaveLength(2);
-      expect(result.columns).toBe(1);
-    });
-  });
-});

package/src/__tests__/form-validation-submit.test.tsx

@@ -1,286 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * P3.4 Integration Test — Form Validation + Submit Workflow
- *
- * Tests the full lifecycle: required-field validation → inline errors →
- * successful submit → form reset.
- */
-
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { ObjectForm } from '../ObjectForm';
-
-// ─── Shared Fixtures ────────────────────────────────────────────────────
-
-const mockObjectSchema = {
-  name: 'contacts',
-  fields: {
-    firstName: { label: 'First Name', type: 'text', required: true },
-    lastName: { label: 'Last Name', type: 'text', required: false },
-    email: { label: 'Email', type: 'email', required: true },
-  },
-};
-
-const createMockDataSource = () => ({
-  getObjectSchema: vi.fn().mockResolvedValue(mockObjectSchema),
-  findOne: vi.fn().mockResolvedValue({}),
-  find: vi.fn().mockResolvedValue([]),
-  create: vi.fn().mockResolvedValue({ id: '1' }),
-  update: vi.fn().mockResolvedValue({ id: '1' }),
-  delete: vi.fn().mockResolvedValue(true),
-});
-
-// ─── Tests ──────────────────────────────────────────────────────────────
-
-describe('P3.4 Form Validation + Submit Workflow', () => {
-  let mockDataSource: ReturnType<typeof createMockDataSource>;
-
-  beforeEach(() => {
-    mockDataSource = createMockDataSource();
-  });
-
-  // --- Required field validation before submit ---
-
-  it('validates required fields and prevents submission when empty', async () => {
-    const user = userEvent.setup();
-    const onSuccess = vi.fn();
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'contacts',
-          mode: 'create',
-          fields: ['firstName', 'email'],
-          onSuccess,
-        }}
-        dataSource={mockDataSource as any}
-      />,
-    );
-
-    // Wait for the form to load
-    await waitFor(() => {
-      expect(screen.getByText('First Name')).toBeInTheDocument();
-    });
-
-    // Click submit without filling in required fields
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-
-    // The data source should NOT have been called
-    await waitFor(() => {
-      expect(mockDataSource.create).not.toHaveBeenCalled();
-    });
-    expect(onSuccess).not.toHaveBeenCalled();
-  });
-
-  // --- Inline validation errors ---
-
-  it('shows inline validation error messages for required fields', async () => {
-    const user = userEvent.setup();
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'contacts',
-          mode: 'create',
-          fields: ['firstName', 'email'],
-        }}
-        dataSource={mockDataSource as any}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(screen.getByText('First Name')).toBeInTheDocument();
-    });
-
-    // Submit with empty required fields
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-
-    // Validation messages should appear
-    await waitFor(() => {
-      expect(screen.getByText(/first name is required/i)).toBeInTheDocument();
-    });
-  });
-
-  // --- Successful submit calls handler ---
-
-  it('calls onSuccess handler after successful submission', async () => {
-    const user = userEvent.setup();
-    const onSuccess = vi.fn();
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'contacts',
-          mode: 'create',
-          fields: ['firstName', 'email'],
-          onSuccess,
-        }}
-        dataSource={mockDataSource as any}
-      />,
-    );
-
-    // Wait for the form to load
-    await waitFor(() => {
-      expect(screen.getByText('First Name')).toBeInTheDocument();
-    });
-
-    // Fill in the required fields
-    const inputs = screen.getAllByRole('textbox');
-    // First Name input
-    await user.type(inputs[0], 'John');
-    // Email input
-    await user.type(inputs[1], 'john@example.com');
-
-    // Submit
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-
-    // dataSource.create should have been called
-    await waitFor(() => {
-      expect(mockDataSource.create).toHaveBeenCalledWith(
-        'contacts',
-        expect.objectContaining({
-          firstName: 'John',
-          email: 'john@example.com',
-        }),
-      );
-    });
-
-    // onSuccess should have been called with result
-    await waitFor(() => {
-      expect(onSuccess).toHaveBeenCalledWith({ id: '1' });
-    });
-  });
-
-  // --- Form reset after submit ---
-
-  it('resets form fields after successful submission when showReset is true', async () => {
-    const user = userEvent.setup();
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'contacts',
-          mode: 'create',
-          fields: ['firstName', 'email'],
-          showReset: true,
-          onSuccess: vi.fn(),
-        }}
-        dataSource={mockDataSource as any}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(screen.getByText('First Name')).toBeInTheDocument();
-    });
-
-    const inputs = screen.getAllByRole('textbox');
-    await user.type(inputs[0], 'Jane');
-    await user.type(inputs[1], 'jane@example.com');
-
-    // Submit
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-
-    // After successful submit the inputs should be cleared
-    await waitFor(() => {
-      expect(mockDataSource.create).toHaveBeenCalled();
-    });
-
-    await waitFor(() => {
-      expect(inputs[0]).toHaveValue('');
-    });
-  });
-
-  // --- Inline-field form (no dataSource) ---
-
-  it('supports inline customFields without a dataSource', async () => {
-    const user = userEvent.setup();
-    const onSuccess = vi.fn();
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'inline_form',
-          mode: 'create',
-          customFields: [
-            { name: 'username', label: 'Username', type: 'input', required: true },
-          ],
-          onSuccess,
-        }}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(screen.getByText('Username')).toBeInTheDocument();
-    });
-
-    // Submit empty — should not succeed
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-    expect(onSuccess).not.toHaveBeenCalled();
-
-    // Fill in and resubmit
-    const input = screen.getByRole('textbox');
-    await user.type(input, 'admin');
-    await user.click(submitButton);
-
-    await waitFor(() => {
-      expect(onSuccess).toHaveBeenCalledWith(
-        expect.objectContaining({ username: 'admin' }),
-      );
-    });
-  });
-
-  // --- Error callback on failed submission ---
-
-  it('calls onError when dataSource.create rejects', async () => {
-    const user = userEvent.setup();
-    const onError = vi.fn();
-    mockDataSource.create.mockRejectedValueOnce(new Error('Network failure'));
-
-    render(
-      <ObjectForm
-        schema={{
-          type: 'object-form',
-          objectName: 'contacts',
-          mode: 'create',
-          fields: ['firstName', 'email'],
-          onError,
-        }}
-        dataSource={mockDataSource as any}
-      />,
-    );
-
-    await waitFor(() => {
-      expect(screen.getByText('First Name')).toBeInTheDocument();
-    });
-
-    const inputs = screen.getAllByRole('textbox');
-    await user.type(inputs[0], 'John');
-    await user.type(inputs[1], 'john@example.com');
-
-    const submitButton = screen.getByRole('button', { name: /create/i });
-    await user.click(submitButton);
-
-    await waitFor(() => {
-      expect(onError).toHaveBeenCalledWith(expect.any(Error));
-    });
-  });
-});