@object-ui/plugin-chatbot 3.3.0 → 3.3.2

package/src/__tests__/FloatingChatbotProvider.test.tsx

@@ -1,134 +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.
- */
-
-import '@testing-library/jest-dom';
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen, fireEvent, act } from '@testing-library/react';
-import {
-  FloatingChatbotProvider,
-  useFloatingChatbot,
-} from '../FloatingChatbotProvider';
-import * as React from 'react';
-
-// Helper to render the hook inside a provider
-function TestConsumer() {
-  const ctx = useFloatingChatbot();
-  return (
-    <div>
-      <span data-testid="isOpen">{String(ctx.isOpen)}</span>
-      <span data-testid="isFullscreen">{String(ctx.isFullscreen)}</span>
-      <button data-testid="open" onClick={ctx.open}>Open</button>
-      <button data-testid="close" onClick={ctx.close}>Close</button>
-      <button data-testid="toggle" onClick={ctx.toggle}>Toggle</button>
-      <button data-testid="toggleFs" onClick={ctx.toggleFullscreen}>ToggleFS</button>
-    </div>
-  );
-}
-
-describe('FloatingChatbotProvider', () => {
-  it('defaults to closed', () => {
-    render(
-      <FloatingChatbotProvider>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-    expect(screen.getByTestId('isOpen').textContent).toBe('false');
-    expect(screen.getByTestId('isFullscreen').textContent).toBe('false');
-  });
-
-  it('respects defaultOpen=true', () => {
-    render(
-      <FloatingChatbotProvider defaultOpen={true}>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-    expect(screen.getByTestId('isOpen').textContent).toBe('true');
-  });
-
-  it('open() sets isOpen to true', () => {
-    render(
-      <FloatingChatbotProvider>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-    expect(screen.getByTestId('isOpen').textContent).toBe('false');
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('open'));
-    });
-    expect(screen.getByTestId('isOpen').textContent).toBe('true');
-  });
-
-  it('close() sets isOpen to false and resets fullscreen', () => {
-    render(
-      <FloatingChatbotProvider defaultOpen={true}>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-
-    // Go fullscreen first
-    act(() => {
-      fireEvent.click(screen.getByTestId('toggleFs'));
-    });
-    expect(screen.getByTestId('isFullscreen').textContent).toBe('true');
-
-    // Close should reset both
-    act(() => {
-      fireEvent.click(screen.getByTestId('close'));
-    });
-    expect(screen.getByTestId('isOpen').textContent).toBe('false');
-    expect(screen.getByTestId('isFullscreen').textContent).toBe('false');
-  });
-
-  it('toggle() flips isOpen', () => {
-    render(
-      <FloatingChatbotProvider>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('toggle'));
-    });
-    expect(screen.getByTestId('isOpen').textContent).toBe('true');
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('toggle'));
-    });
-    expect(screen.getByTestId('isOpen').textContent).toBe('false');
-  });
-
-  it('toggleFullscreen() flips isFullscreen', () => {
-    render(
-      <FloatingChatbotProvider defaultOpen={true}>
-        <TestConsumer />
-      </FloatingChatbotProvider>
-    );
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('toggleFs'));
-    });
-    expect(screen.getByTestId('isFullscreen').textContent).toBe('true');
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('toggleFs'));
-    });
-    expect(screen.getByTestId('isFullscreen').textContent).toBe('false');
-  });
-});
-
-describe('useFloatingChatbot', () => {
-  it('throws when used outside a provider', () => {
-    // Suppress console.error for this test
-    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
-    expect(() => render(<TestConsumer />)).toThrow(
-      'useFloatingChatbot must be used within a <FloatingChatbotProvider>'
-    );
-    spy.mockRestore();
-  });
-});

package/src/__tests__/FloatingChatbotWidgets.test.tsx

@@ -1,165 +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.
- */
-
-import '@testing-library/jest-dom';
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen, fireEvent, act } from '@testing-library/react';
-import { FloatingChatbotProvider } from '../FloatingChatbotProvider';
-import { FloatingChatbotTrigger } from '../FloatingChatbotTrigger';
-import { FloatingChatbotPanel } from '../FloatingChatbotPanel';
-
-// Wrap in provider helper
-function renderWithProvider(
-  ui: React.ReactElement,
-  { defaultOpen = false }: { defaultOpen?: boolean } = {}
-) {
-  return render(
-    <FloatingChatbotProvider defaultOpen={defaultOpen}>{ui}</FloatingChatbotProvider>
-  );
-}
-
-describe('FloatingChatbotTrigger', () => {
-  it('renders a trigger button', () => {
-    renderWithProvider(<FloatingChatbotTrigger />);
-    expect(screen.getByTestId('floating-chatbot-trigger')).toBeInTheDocument();
-  });
-
-  it('shows "Open chat" label when closed', () => {
-    renderWithProvider(<FloatingChatbotTrigger />);
-    expect(screen.getByLabelText('Open chat')).toBeInTheDocument();
-  });
-
-  it('shows "Close chat" label when open', () => {
-    renderWithProvider(<FloatingChatbotTrigger />, { defaultOpen: true });
-    expect(screen.getByLabelText('Close chat')).toBeInTheDocument();
-  });
-
-  it('toggles open state on click', () => {
-    renderWithProvider(
-      <>
-        <FloatingChatbotTrigger />
-        <FloatingChatbotPanel><span>Panel content</span></FloatingChatbotPanel>
-      </>
-    );
-
-    // Panel should not be visible initially
-    expect(screen.queryByTestId('floating-chatbot-panel')).not.toBeInTheDocument();
-
-    // Click trigger to open
-    act(() => {
-      fireEvent.click(screen.getByTestId('floating-chatbot-trigger'));
-    });
-    expect(screen.getByTestId('floating-chatbot-panel')).toBeInTheDocument();
-
-    // Click trigger to close
-    act(() => {
-      fireEvent.click(screen.getByTestId('floating-chatbot-trigger'));
-    });
-    expect(screen.queryByTestId('floating-chatbot-panel')).not.toBeInTheDocument();
-  });
-
-  it('applies bottom-left position class', () => {
-    renderWithProvider(<FloatingChatbotTrigger position="bottom-left" />);
-    const trigger = screen.getByTestId('floating-chatbot-trigger');
-    expect(trigger.className).toContain('left-6');
-  });
-
-  it('applies custom size', () => {
-    renderWithProvider(<FloatingChatbotTrigger size={48} />);
-    const trigger = screen.getByTestId('floating-chatbot-trigger');
-    expect(trigger.style.width).toBe('48px');
-    expect(trigger.style.height).toBe('48px');
-  });
-});
-
-describe('FloatingChatbotPanel', () => {
-  it('does not render when closed', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel><span>Content</span></FloatingChatbotPanel>
-    );
-    expect(screen.queryByTestId('floating-chatbot-panel')).not.toBeInTheDocument();
-  });
-
-  it('renders when open', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel><span>Panel body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    expect(screen.getByTestId('floating-chatbot-panel')).toBeInTheDocument();
-    expect(screen.getByText('Panel body')).toBeInTheDocument();
-  });
-
-  it('renders custom title', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel title="Help"><span>Body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    expect(screen.getByText('Help')).toBeInTheDocument();
-  });
-
-  it('has dialog role with aria-label', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel title="Help"><span>Body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toHaveAttribute('aria-label', 'Help');
-  });
-
-  it('close button closes the panel', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel><span>Body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    expect(screen.getByTestId('floating-chatbot-panel')).toBeInTheDocument();
-
-    act(() => {
-      fireEvent.click(screen.getByTestId('floating-chatbot-close'));
-    });
-    expect(screen.queryByTestId('floating-chatbot-panel')).not.toBeInTheDocument();
-  });
-
-  it('fullscreen button toggles fullscreen', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel><span>Body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-
-    const fsButton = screen.getByTestId('floating-chatbot-fullscreen');
-    expect(fsButton).toHaveAttribute('aria-label', 'Fullscreen');
-
-    act(() => {
-      fireEvent.click(fsButton);
-    });
-    expect(screen.getByTestId('floating-chatbot-fullscreen')).toHaveAttribute(
-      'aria-label',
-      'Exit fullscreen'
-    );
-  });
-
-  it('applies custom width and height', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel width={500} height={600}>
-        <span>Body</span>
-      </FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    const panel = screen.getByTestId('floating-chatbot-panel');
-    expect(panel.style.width).toBe('500px');
-    expect(panel.style.height).toBe('600px');
-  });
-
-  it('bottom-left position applies left-6 class', () => {
-    renderWithProvider(
-      <FloatingChatbotPanel position="bottom-left"><span>Body</span></FloatingChatbotPanel>,
-      { defaultOpen: true }
-    );
-    const panel = screen.getByTestId('floating-chatbot-panel');
-    expect(panel.className).toContain('left-6');
-  });
-});

package/src/__tests__/useObjectChat.test.tsx

@@ -1,347 +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.
- */
-
-import '@testing-library/jest-dom';
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { renderHook, act } from '@testing-library/react';
-
-// Mock @ai-sdk/react so the static import in useObjectChat doesn't break tests
-vi.mock('@ai-sdk/react', () => ({
-  useChat: vi.fn(() => ({
-    messages: [],
-    isLoading: false,
-    error: undefined,
-    input: '',
-    setInput: vi.fn(),
-    handleInputChange: vi.fn(),
-    append: vi.fn(),
-    stop: vi.fn(),
-    reload: vi.fn(),
-    setMessages: vi.fn(),
-  })),
-}));
-
-import { useObjectChat } from '../useObjectChat';
-
-describe('useObjectChat', () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  describe('local/legacy mode (no api)', () => {
-    it('should initialize with empty messages when no initialMessages provided', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      expect(result.current.messages).toEqual([]);
-      expect(result.current.isLoading).toBe(false);
-      expect(result.current.error).toBeUndefined();
-      expect(result.current.isApiMode).toBe(false);
-      expect(result.current.input).toBe('');
-    });
-
-    it('should initialize with provided messages', () => {
-      const initialMessages = [
-        { id: '1', role: 'assistant' as const, content: 'Hello!' },
-        { id: '2', role: 'user' as const, content: 'Hi!' },
-      ];
-
-      const { result } = renderHook(() =>
-        useObjectChat({ initialMessages })
-      );
-
-      expect(result.current.messages).toHaveLength(2);
-      expect(result.current.messages[0].content).toBe('Hello!');
-      expect(result.current.messages[1].content).toBe('Hi!');
-    });
-
-    it('should add a user message when sendMessage is called', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      act(() => {
-        result.current.sendMessage('Hello world');
-      });
-
-      expect(result.current.messages).toHaveLength(1);
-      expect(result.current.messages[0].role).toBe('user');
-      expect(result.current.messages[0].content).toBe('Hello world');
-      expect(result.current.messages[0].id).toBeTruthy();
-    });
-
-    it('should not send empty messages', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      act(() => {
-        result.current.sendMessage('');
-      });
-
-      expect(result.current.messages).toHaveLength(0);
-
-      act(() => {
-        result.current.sendMessage('   ');
-      });
-
-      expect(result.current.messages).toHaveLength(0);
-    });
-
-    it('should trim whitespace from messages', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      act(() => {
-        result.current.sendMessage('  Hello  ');
-      });
-
-      expect(result.current.messages[0].content).toBe('Hello');
-    });
-
-    it('should call onSend callback when message is sent', () => {
-      const onSend = vi.fn();
-      const { result } = renderHook(() => useObjectChat({ onSend }));
-
-      act(() => {
-        result.current.sendMessage('Test message');
-      });
-
-      expect(onSend).toHaveBeenCalledWith(
-        'Test message',
-        expect.arrayContaining([
-          expect.objectContaining({ content: 'Test message', role: 'user' }),
-        ])
-      );
-    });
-
-    it('should add auto-response after delay when autoResponse is enabled', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          autoResponse: true,
-          autoResponseText: 'Auto reply!',
-          autoResponseDelay: 500,
-        })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.messages).toHaveLength(1);
-      expect(result.current.isLoading).toBe(true);
-
-      act(() => {
-        vi.advanceTimersByTime(500);
-      });
-
-      expect(result.current.messages).toHaveLength(2);
-      expect(result.current.messages[1].role).toBe('assistant');
-      expect(result.current.messages[1].content).toBe('Auto reply!');
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    it('should use default auto-response text when none provided', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          autoResponse: true,
-          autoResponseDelay: 500,
-        })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      act(() => {
-        vi.advanceTimersByTime(500);
-      });
-
-      expect(result.current.messages[1].content).toBe('Thank you for your message!');
-    });
-
-    it('should add timestamps when showTimestamp is enabled', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({ showTimestamp: true })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.messages[0].timestamp).toBeTruthy();
-    });
-
-    it('should not add timestamps when showTimestamp is disabled', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({ showTimestamp: false })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.messages[0].timestamp).toBeUndefined();
-    });
-
-    it('should clear all messages when clear is called', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          initialMessages: [
-            { id: '1', role: 'assistant', content: 'Hello!' },
-          ],
-        })
-      );
-
-      expect(result.current.messages).toHaveLength(1);
-
-      act(() => {
-        result.current.clear();
-      });
-
-      expect(result.current.messages).toHaveLength(0);
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    it('should stop auto-response timer when stop is called', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          autoResponse: true,
-          autoResponseDelay: 1000,
-        })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.isLoading).toBe(true);
-
-      act(() => {
-        result.current.stop();
-      });
-
-      expect(result.current.isLoading).toBe(false);
-
-      // Advance time - no auto-response should appear
-      act(() => {
-        vi.advanceTimersByTime(2000);
-      });
-
-      expect(result.current.messages).toHaveLength(1); // Only user message
-    });
-
-    it('reload should be a no-op in local mode', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          initialMessages: [
-            { id: '1', role: 'user', content: 'Hello' },
-          ],
-        })
-      );
-
-      act(() => {
-        result.current.reload();
-      });
-
-      expect(result.current.messages).toHaveLength(1);
-    });
-
-    it('should handle input state management', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      expect(result.current.input).toBe('');
-
-      act(() => {
-        result.current.setInput('Hello');
-      });
-
-      expect(result.current.input).toBe('Hello');
-    });
-
-    it('should handle input change events', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      act(() => {
-        result.current.handleInputChange({
-          target: { value: 'Hello world' },
-        } as React.ChangeEvent<HTMLInputElement>);
-      });
-
-      expect(result.current.input).toBe('Hello world');
-    });
-
-    it('should clear input after sending message', () => {
-      const { result } = renderHook(() => useObjectChat());
-
-      act(() => {
-        result.current.setInput('Hello');
-      });
-
-      expect(result.current.input).toBe('Hello');
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.input).toBe('');
-    });
-
-    it('should normalize initial messages with missing fields', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          initialMessages: [
-            { id: '', role: 'user' as const, content: '' },
-          ],
-        })
-      );
-
-      expect(result.current.messages[0].id).toBe('msg-0');
-      expect(result.current.messages[0].content).toBe('');
-    });
-
-    it('should report isApiMode as false in local mode', () => {
-      const { result } = renderHook(() => useObjectChat());
-      expect(result.current.isApiMode).toBe(false);
-    });
-
-    it('should report isApiMode as false when api is empty string', () => {
-      const { result } = renderHook(() => useObjectChat({ api: '' }));
-      expect(result.current.isApiMode).toBe(false);
-    });
-
-    it('should cancel pending auto-response timer when clear is called', () => {
-      const { result } = renderHook(() =>
-        useObjectChat({
-          autoResponse: true,
-          autoResponseText: 'Auto reply!',
-          autoResponseDelay: 1000,
-        })
-      );
-
-      act(() => {
-        result.current.sendMessage('Hello');
-      });
-
-      expect(result.current.messages).toHaveLength(1);
-      expect(result.current.isLoading).toBe(true);
-
-      act(() => {
-        result.current.clear();
-      });
-
-      expect(result.current.messages).toHaveLength(0);
-      expect(result.current.isLoading).toBe(false);
-
-      // Advance time - no auto-response should appear after clear
-      act(() => {
-        vi.advanceTimersByTime(2000);
-      });
-
-      expect(result.current.messages).toHaveLength(0);
-    });
-  });
-});