@eeacms/volto-eea-chatbot 2.0.1 → 2.0.3

package/src/ChatBlock/tests/MessageTextRenderer.test.jsx

@@ -1,227 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import { MessageTextRenderer } from '../packets/renderers/MessageTextRenderer';
-import { PacketType } from '../types/streamingModels';
-
-// Mock AudioContext
-const mockClose = jest.fn();
-global.AudioContext = jest.fn().mockImplementation(() => ({
-  close: mockClose,
-}));
-
-jest.mock('@loadable/component', () => {
-  const loadable = () => {
-    const MockMarkdown = ({ children }) => (
-      <div data-testid="markdown">{children}</div>
-    );
-    return MockMarkdown;
-  };
-  loadable.lib = () => {
-    const MockComponent = ({ children }) =>
-      children ? children({ default: {} }) : null;
-    return MockComponent;
-  };
-  return { __esModule: true, default: loadable };
-});
-
-describe('MessageTextRenderer', () => {
-  const mockChildRenderer = (result) => (
-    <div data-testid="renderer-result">
-      <div data-testid="status">{result.status}</div>
-      <div data-testid="content">{result.content}</div>
-    </div>
-  );
-
-  const defaultMessage = {
-    messageId: 1,
-    nodeId: 1,
-    message: 'Hello world',
-    type: 'assistant',
-    packets: [],
-    files: [],
-    toolCall: null,
-    parentNodeId: null,
-  };
-
-  const defaultLibs = { remarkGfm: { default: [] } };
-
-  it('renders message content without animation', () => {
-    const packets = [
-      {
-        ind: 1,
-        obj: {
-          type: PacketType.MESSAGE_START,
-          content: 'Hello',
-          final_documents: null,
-        },
-      },
-      { ind: 1, obj: { type: PacketType.MESSAGE_DELTA, content: ' world' } },
-      { ind: 1, obj: { type: PacketType.MESSAGE_END } },
-      { ind: 1, obj: { type: PacketType.STOP } },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MessageTextRenderer
-          packets={packets}
-          onComplete={jest.fn()}
-          animate={false}
-          stopPacketSeen={true}
-          message={defaultMessage}
-          libs={defaultLibs}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders blinking dot when no content and no packets', () => {
-    const emptyMessage = { ...defaultMessage, message: '' };
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MessageTextRenderer
-          packets={[]}
-          onComplete={jest.fn()}
-          animate={false}
-          stopPacketSeen={false}
-          message={emptyMessage}
-          libs={defaultLibs}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('calls onComplete when stream is finished', () => {
-    const onComplete = jest.fn();
-    const packets = [
-      {
-        ind: 1,
-        obj: {
-          type: PacketType.MESSAGE_START,
-          content: 'Hi',
-          final_documents: null,
-        },
-      },
-      { ind: 1, obj: { type: PacketType.MESSAGE_END } },
-      { ind: 1, obj: { type: PacketType.SECTION_END } },
-    ];
-
-    act(() => {
-      renderer.create(
-        <MessageTextRenderer
-          packets={packets}
-          onComplete={onComplete}
-          animate={false}
-          stopPacketSeen={true}
-          message={defaultMessage}
-          libs={defaultLibs}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-
-    expect(onComplete).toHaveBeenCalled();
-  });
-
-  it('shows cursor when stream is not complete', () => {
-    const packets = [
-      {
-        ind: 1,
-        obj: {
-          type: PacketType.MESSAGE_START,
-          content: 'Starting...',
-          final_documents: null,
-        },
-      },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MessageTextRenderer
-          packets={packets}
-          onComplete={jest.fn()}
-          animate={false}
-          stopPacketSeen={false}
-          message={{ ...defaultMessage, message: 'Starting...' }}
-          libs={defaultLibs}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders with remarkGfm plugin when available', () => {
-    const packets = [
-      {
-        ind: 1,
-        obj: {
-          type: PacketType.MESSAGE_START,
-          content: 'test',
-          final_documents: null,
-        },
-      },
-      { ind: 1, obj: { type: PacketType.MESSAGE_END } },
-      { ind: 1, obj: { type: PacketType.STOP } },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MessageTextRenderer
-          packets={packets}
-          onComplete={jest.fn()}
-          animate={false}
-          stopPacketSeen={true}
-          message={defaultMessage}
-          libs={{ remarkGfm: { default: () => {} } }}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders with no remarkGfm', () => {
-    const packets = [
-      {
-        ind: 1,
-        obj: {
-          type: PacketType.MESSAGE_START,
-          content: 'test',
-          final_documents: null,
-        },
-      },
-      { ind: 1, obj: { type: PacketType.STOP } },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MessageTextRenderer
-          packets={packets}
-          onComplete={jest.fn()}
-          animate={false}
-          stopPacketSeen={true}
-          message={defaultMessage}
-          libs={{ remarkGfm: null }}
-        >
-          {mockChildRenderer}
-        </MessageTextRenderer>,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-});

package/src/ChatBlock/tests/MultiToolRenderer.test.jsx

@@ -1,134 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import { MultiToolRenderer } from '../packets/MultiToolRenderer';
-import { PacketType } from '../types/streamingModels';
-
-jest.mock('@loadable/component', () => {
-  const loadable = () => {
-    const MockComponent = ({ children }) => (
-      <div data-testid="loadable">{children}</div>
-    );
-    return MockComponent;
-  };
-  loadable.lib = () => {
-    const MockComponent = ({ children }) =>
-      children ? children({ default: {} }) : null;
-    return MockComponent;
-  };
-  return { __esModule: true, default: loadable };
-});
-
-// Mock SVGIcon
-jest.mock('../components/Icon', () => {
-  return ({ name, size }) => <span data-icon={name} data-size={size} />;
-});
-
-// Mock SVG imports
-jest.mock('../../icons/done.svg', () => 'done-icon');
-jest.mock('../../icons/chevron.svg', () => 'chevron-icon');
-
-describe('MultiToolRenderer', () => {
-  const defaultMessage = {
-    messageId: 1,
-    nodeId: 1,
-    message: 'test',
-    type: 'assistant',
-    packets: [],
-    files: [],
-    toolCall: null,
-    parentNodeId: null,
-    isFinalMessageComing: false,
-    isComplete: false,
-  };
-
-  const defaultLibs = { remarkGfm: { default: [] } };
-
-  it('returns null when no tool groups match showTools filter', () => {
-    const toolGroups = [
-      {
-        ind: 1,
-        packets: [
-          { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-        ],
-      },
-    ];
-
-    const component = renderer.create(
-      <MultiToolRenderer
-        toolGroups={toolGroups}
-        showTools={[PacketType.SEARCH_TOOL_START]}
-        message={defaultMessage}
-        libs={defaultLibs}
-      />,
-    );
-    expect(component.toJSON()).toBeNull();
-  });
-
-  it('returns null for empty tool groups', () => {
-    const component = renderer.create(
-      <MultiToolRenderer
-        toolGroups={[]}
-        message={defaultMessage}
-        libs={defaultLibs}
-      />,
-    );
-    expect(component.toJSON()).toBeNull();
-  });
-
-  it('renders search tool groups', () => {
-    const toolGroups = [
-      {
-        ind: 1,
-        packets: [
-          { ind: 1, obj: { type: PacketType.SEARCH_TOOL_START } },
-          { ind: 1, obj: { type: PacketType.SECTION_END } },
-        ],
-      },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MultiToolRenderer
-          toolGroups={toolGroups}
-          showTools={[PacketType.SEARCH_TOOL_START]}
-          message={defaultMessage}
-          libs={defaultLibs}
-        />,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders multiple tool groups', () => {
-    const toolGroups = [
-      {
-        ind: 1,
-        packets: [
-          { ind: 1, obj: { type: PacketType.SEARCH_TOOL_START } },
-          { ind: 1, obj: { type: PacketType.SECTION_END } },
-        ],
-      },
-      {
-        ind: 2,
-        packets: [
-          { ind: 2, obj: { type: PacketType.SEARCH_TOOL_START } },
-          { ind: 2, obj: { type: PacketType.SECTION_END } },
-        ],
-      },
-    ];
-
-    let component;
-    act(() => {
-      component = renderer.create(
-        <MultiToolRenderer
-          toolGroups={toolGroups}
-          showTools={[PacketType.SEARCH_TOOL_START]}
-          message={defaultMessage}
-          libs={defaultLibs}
-        />,
-      );
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-});

package/src/ChatBlock/tests/QualityCheckToggle.test.jsx

@@ -1,105 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import QualityCheckToggle from '../components/QualityCheckToggle';
-
-describe('QualityCheckToggle', () => {
-  const mockSetEnabled = jest.fn();
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders correctly', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    expect(
-      container.querySelector('.quality-check-toggle'),
-    ).toBeInTheDocument();
-  });
-
-  it('renders checkbox with correct label', () => {
-    const { getByText } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    expect(getByText('Fact-check AI answer')).toBeInTheDocument();
-  });
-
-  it('checkbox is checked when enabled is true', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    const checkbox = container.querySelector('input[type="checkbox"]');
-    expect(checkbox.checked).toBe(true);
-  });
-
-  it('checkbox is unchecked when enabled is false', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={false}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    const checkbox = container.querySelector('input[type="checkbox"]');
-    expect(checkbox.checked).toBe(false);
-  });
-
-  it('checkbox is disabled in edit mode', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={true}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    const checkbox = container.querySelector('input[type="checkbox"]');
-    expect(checkbox.disabled).toBe(true);
-  });
-
-  it('checkbox is enabled when not in edit mode', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    const checkbox = container.querySelector('input[type="checkbox"]');
-    expect(checkbox.disabled).toBe(false);
-  });
-
-  it('calls setEnabled when checkbox is changed', () => {
-    const { container } = render(
-      <QualityCheckToggle
-        isEditMode={false}
-        enabled={true}
-        setEnabled={mockSetEnabled}
-      />,
-    );
-
-    const checkbox = container.querySelector('input[type="checkbox"]');
-    fireEvent.click(checkbox);
-
-    expect(mockSetEnabled).toHaveBeenCalled();
-  });
-});

package/src/ChatBlock/tests/ReasoningRenderer.test.jsx

@@ -1,163 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import { ReasoningRenderer } from '../packets/renderers/ReasoningRenderer';
-import { PacketType } from '../types/streamingModels';
-
-jest.mock('@loadable/component', () => {
-  const loadable = () => {
-    const MockMarkdown = ({ children }) => (
-      <div data-testid="markdown">{children}</div>
-    );
-    return MockMarkdown;
-  };
-  loadable.lib = () => {
-    const MockComponent = ({ children }) =>
-      children ? children({ default: {} }) : null;
-    return MockComponent;
-  };
-  return { __esModule: true, default: loadable };
-});
-
-describe('ReasoningRenderer', () => {
-  const mockChildRenderer = (result) => (
-    <div data-testid="renderer-result">
-      <div data-testid="status">{result.status}</div>
-      <div data-testid="content">{result.content}</div>
-    </div>
-  );
-
-  const defaultMessage = {
-    messageId: 1,
-    nodeId: 1,
-    message: 'test',
-    type: 'assistant',
-    packets: [],
-    files: [],
-    toolCall: null,
-    parentNodeId: null,
-  };
-
-  const defaultLibs = { remarkGfm: { default: [] } };
-
-  it('renders empty content when no packets', () => {
-    const component = renderer.create(
-      <ReasoningRenderer
-        packets={[]}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        message={defaultMessage}
-        libs={defaultLibs}
-      >
-        {mockChildRenderer}
-      </ReasoningRenderer>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders thinking status when reasoning has started', () => {
-    const packets = [
-      { ind: 1, obj: { type: PacketType.REASONING_START } },
-      {
-        ind: 1,
-        obj: { type: PacketType.REASONING_DELTA, reasoning: 'Let me think...' },
-      },
-    ];
-
-    const component = renderer.create(
-      <ReasoningRenderer
-        packets={packets}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        message={defaultMessage}
-        libs={defaultLibs}
-      >
-        {mockChildRenderer}
-      </ReasoningRenderer>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('calls onComplete when reasoning ends without animation', () => {
-    const onComplete = jest.fn();
-    const packets = [
-      { ind: 1, obj: { type: PacketType.REASONING_START } },
-      {
-        ind: 1,
-        obj: { type: PacketType.REASONING_DELTA, reasoning: 'Thinking...' },
-      },
-      { ind: 1, obj: { type: PacketType.SECTION_END } },
-    ];
-
-    act(() => {
-      renderer.create(
-        <ReasoningRenderer
-          packets={packets}
-          onComplete={onComplete}
-          animate={false}
-          stopPacketSeen={false}
-          message={defaultMessage}
-          libs={defaultLibs}
-        >
-          {mockChildRenderer}
-        </ReasoningRenderer>,
-      );
-    });
-
-    expect(onComplete).toHaveBeenCalled();
-  });
-
-  it('renders with REASONING_END packet type', () => {
-    const packets = [
-      { ind: 1, obj: { type: PacketType.REASONING_START } },
-      {
-        ind: 1,
-        obj: { type: PacketType.REASONING_DELTA, reasoning: 'Analysis' },
-      },
-      { ind: 1, obj: { type: PacketType.REASONING_END } },
-    ];
-
-    const component = renderer.create(
-      <ReasoningRenderer
-        packets={packets}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        message={defaultMessage}
-        libs={defaultLibs}
-      >
-        {mockChildRenderer}
-      </ReasoningRenderer>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('concatenates multiple reasoning deltas', () => {
-    const packets = [
-      { ind: 1, obj: { type: PacketType.REASONING_START } },
-      {
-        ind: 1,
-        obj: { type: PacketType.REASONING_DELTA, reasoning: 'First ' },
-      },
-      {
-        ind: 1,
-        obj: { type: PacketType.REASONING_DELTA, reasoning: 'second' },
-      },
-    ];
-
-    const component = renderer.create(
-      <ReasoningRenderer
-        packets={packets}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        message={defaultMessage}
-        libs={defaultLibs}
-      >
-        {mockChildRenderer}
-      </ReasoningRenderer>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-});