test: add L2 feature tests for swimlanes, shared view, comments, and embeddable form

- KanbanSwimlanes: test swimlane rendering, collapse/expand, card counts
- SharedViewLinkPassword: test password input, expiration dropdown, badges, onShare callback
- CommentThreadSortReactions: test sort dropdown, reaction buttons, existing reactions display
- EmbeddableFormPrefill: test URL param prefill, explicit prefill override, thank-you page

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: Copilot

packages/collaboration/src/__tests__/CommentThreadSortReactions.test.tsx

@@ -0,0 +1,208 @@
+/**
+ * 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.
+ */
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import React from 'react';
+import { CommentThread } from '../CommentThread';
+import type { Comment } from '../CommentThread';
+
+const mockComments: Comment[] = [
+  {
+    id: '1',
+    author: { id: 'u1', name: 'Alice' },
+    content: 'First',
+    mentions: [],
+    createdAt: '2025-01-01T10:00:00Z',
+  },
+  {
+    id: '2',
+    author: { id: 'u2', name: 'Bob' },
+    content: 'Second',
+    mentions: [],
+    createdAt: '2025-01-02T10:00:00Z',
+  },
+  {
+    id: '3',
+    author: { id: 'u1', name: 'Alice' },
+    content: 'Third',
+    mentions: [],
+    createdAt: '2025-01-03T10:00:00Z',
+    reactions: { '👍': ['u2'] },
+  },
+];
+
+const currentUser = { id: 'u1', name: 'Alice' };
+
+describe('CommentThread - Sorting & Reactions', () => {
+  describe('Sort dropdown', () => {
+    it('renders a sort dropdown with "Oldest" and "Newest" options', () => {
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+        />
+      );
+
+      const sortSelect = screen.getByRole('combobox', { name: 'Sort comments' });
+      expect(sortSelect).toBeInTheDocument();
+
+      const options = sortSelect.querySelectorAll('option');
+      const optionTexts = Array.from(options).map(o => o.textContent);
+      expect(optionTexts).toContain('Oldest');
+      expect(optionTexts).toContain('Newest');
+    });
+
+    it('defaults to "Oldest" sort order showing comments in chronological order', () => {
+      const { container } = render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+        />
+      );
+
+      const commentElements = container.querySelectorAll('[data-comment-id]');
+      const ids = Array.from(commentElements).map(el => el.getAttribute('data-comment-id'));
+      expect(ids).toEqual(['1', '2', '3']);
+    });
+
+    it('changes to "Newest" sort order and reverses comment display', () => {
+      const { container } = render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+        />
+      );
+
+      // Change sort to newest
+      const sortSelect = screen.getByRole('combobox', { name: 'Sort comments' });
+      fireEvent.change(sortSelect, { target: { value: 'newest' } });
+
+      // After re-sort, comments should be in reverse chronological order
+      const commentElements = container.querySelectorAll('[data-comment-id]');
+      const ids = Array.from(commentElements).map(el => el.getAttribute('data-comment-id'));
+      expect(ids).toEqual(['3', '2', '1']);
+    });
+  });
+
+  describe('Reaction buttons', () => {
+    it('renders 👍 and ❤️ reaction buttons in comment actions when onReaction is provided', () => {
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+          onReaction={vi.fn()}
+        />
+      );
+
+      // Each comment should have reaction action buttons
+      const thumbsUpButtons = screen.getAllByRole('button', { name: /👍/ });
+      expect(thumbsUpButtons.length).toBeGreaterThan(0);
+
+      const heartButtons = screen.getAllByRole('button', { name: /❤️/ });
+      expect(heartButtons.length).toBeGreaterThan(0);
+    });
+
+    it('calls onReaction when clicking a 👍 action button', () => {
+      const onReaction = vi.fn();
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+          onReaction={onReaction}
+        />
+      );
+
+      // Find the 👍 action buttons (in the actions div, not the reaction bar)
+      const allThumbsButtons = screen.getAllByText('👍');
+      // Click the first one
+      fireEvent.click(allThumbsButtons[0]);
+
+      expect(onReaction).toHaveBeenCalled();
+      // Should be called with a comment id and the emoji
+      const [commentId, emoji] = onReaction.mock.calls[0];
+      expect(emoji).toBe('👍');
+    });
+
+    it('calls onReaction when clicking a ❤️ action button', () => {
+      const onReaction = vi.fn();
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+          onReaction={onReaction}
+        />
+      );
+
+      const heartButtons = screen.getAllByText('❤️');
+      fireEvent.click(heartButtons[0]);
+
+      expect(onReaction).toHaveBeenCalled();
+      const [, emoji] = onReaction.mock.calls[0];
+      expect(emoji).toBe('❤️');
+    });
+  });
+
+  describe('Existing reactions display', () => {
+    it('displays existing reactions with count', () => {
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+          onReaction={vi.fn()}
+        />
+      );
+
+      // Comment 3 has a 👍 reaction from u2 with count 1
+      // The reaction bar shows "👍 1"
+      expect(screen.getByText('👍 1')).toBeInTheDocument();
+    });
+
+    it('calls onReaction when clicking an existing reaction badge', () => {
+      const onReaction = vi.fn();
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={mockComments}
+          currentUser={currentUser}
+          onReaction={onReaction}
+        />
+      );
+
+      // Click the existing "👍 1" reaction badge on comment 3
+      const reactionBadge = screen.getByText('👍 1');
+      fireEvent.click(reactionBadge);
+
+      expect(onReaction).toHaveBeenCalledWith('3', '👍');
+    });
+
+    it('does not render reaction action buttons when onReaction is not provided', () => {
+      render(
+        <CommentThread
+          threadId="t1"
+          comments={[mockComments[0]]}
+          currentUser={currentUser}
+        />
+      );
+
+      // Without onReaction, the action buttons for 👍 and ❤️ should not appear
+      // Only "Reply" should be present (and possibly Edit/Delete for own comments)
+      const buttons = screen.getAllByRole('button');
+      const buttonTexts = buttons.map(b => b.textContent);
+      expect(buttonTexts).not.toContain('👍');
+      expect(buttonTexts).not.toContain('❤️');
+    });
+  });
+});

packages/plugin-form/src/__tests__/EmbeddableFormPrefill.test.tsx

@@ -0,0 +1,186 @@
+/**
+ * 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.
+ */
+
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import React from 'react';
+
+// Capture the initialData passed to ObjectForm
+let capturedSchema: any = null;
+let capturedOnSuccess: ((data: any) => void) | null = null;
+
+vi.mock('../ObjectForm', () => ({
+  ObjectForm: ({ schema, dataSource }: any) => {
+    capturedSchema = schema;
+    capturedOnSuccess = schema?.onSuccess ?? null;
+    return (
+      <div>
+        <div data-testid="object-form">
+          {schema?.initialData && (
+            <div data-testid="initial-data">
+              {JSON.stringify(schema.initialData)}
+            </div>
+          )}
+        </div>
+        <button
+          data-testid="mock-submit"
+          onClick={() => schema?.onSuccess?.({ name: 'submitted' })}
+        >
+          Submit
+        </button>
+      </div>
+    );
+  },
+}));
+
+vi.mock('@object-ui/types', () => ({
+  // DataSource type is only used for typing, provide empty default
+}));
+
+import { EmbeddableForm } from '../EmbeddableForm';
+import type { EmbeddableFormConfig } from '../EmbeddableForm';
+
+const baseConfig: EmbeddableFormConfig = {
+  formId: 'test-form',
+  objectName: 'contacts',
+  title: 'Test Form',
+};
+
+describe('EmbeddableForm - URL Prefill', () => {
+  const originalLocation = window.location;
+
+  beforeEach(() => {
+    capturedSchema = null;
+    capturedOnSuccess = null;
+  });
+
+  afterEach(() => {
+    // Restore window.location
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: originalLocation,
+    });
+  });
+
+  it('reads URL search params and passes them as initialData', () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '?name=John&email=john@test.com' },
+    });
+
+    render(<EmbeddableForm config={baseConfig} />);
+
+    expect(capturedSchema).not.toBeNull();
+    expect(capturedSchema.initialData).toEqual({
+      name: 'John',
+      email: 'john@test.com',
+    });
+  });
+
+  it('passes explicit prefillParams as initialData', () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '' },
+    });
+
+    render(
+      <EmbeddableForm
+        config={baseConfig}
+        prefillParams={{ company: 'Acme', role: 'Admin' }}
+      />
+    );
+
+    expect(capturedSchema.initialData).toEqual({
+      company: 'Acme',
+      role: 'Admin',
+    });
+  });
+
+  it('explicit prefillParams override URL params for the same field', () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '?name=URLName&email=url@test.com' },
+    });
+
+    render(
+      <EmbeddableForm
+        config={baseConfig}
+        prefillParams={{ name: 'ExplicitName' }}
+      />
+    );
+
+    // name should come from prefillParams, email should come from URL
+    expect(capturedSchema.initialData).toEqual({
+      name: 'ExplicitName',
+      email: 'url@test.com',
+    });
+  });
+
+  it('passes undefined initialData when no params are provided', () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '' },
+    });
+
+    render(<EmbeddableForm config={baseConfig} />);
+
+    expect(capturedSchema.initialData).toBeUndefined();
+  });
+
+  it('shows the thank-you page after successful submission', async () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '' },
+    });
+
+    render(
+      <EmbeddableForm
+        config={{
+          ...baseConfig,
+          thankYouPage: {
+            title: 'All Done!',
+            message: 'We got your response.',
+          },
+        }}
+      />
+    );
+
+    // Form should be visible initially
+    expect(screen.getByText('Test Form')).toBeInTheDocument();
+
+    // Click mock submit to trigger onSuccess
+    const submitBtn = screen.getByTestId('mock-submit');
+    fireEvent.click(submitBtn);
+
+    // Thank-you page should appear
+    await waitFor(() => {
+      expect(screen.getByText('All Done!')).toBeInTheDocument();
+      expect(screen.getByText('We got your response.')).toBeInTheDocument();
+    });
+
+    // Form title should no longer be visible
+    expect(screen.queryByText('Test Form')).not.toBeInTheDocument();
+  });
+
+  it('shows default thank-you message when no custom thankYouPage is configured', async () => {
+    Object.defineProperty(window, 'location', {
+      writable: true,
+      value: { ...originalLocation, search: '' },
+    });
+
+    render(<EmbeddableForm config={baseConfig} />);
+
+    const submitBtn = screen.getByTestId('mock-submit');
+    fireEvent.click(submitBtn);
+
+    await waitFor(() => {
+      expect(screen.getByText('Thank You!')).toBeInTheDocument();
+      expect(screen.getByText('Your submission has been received successfully.')).toBeInTheDocument();
+    });
+  });
+});