@eeacms/volto-eea-chatbot 2.0.1 → 2.0.2

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

@@ -1,136 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import '@testing-library/jest-dom';
-import { ClaimModal } from '../components/markdown/ClaimModal';
-
-// Mock semantic-ui-react Modal
-jest.mock('semantic-ui-react', () => ({
-  Modal: ({ children, trigger, className }) => (
-    <div className={className} data-testid="modal">
-      <div data-testid="trigger">{trigger}</div>
-      <div data-testid="content">{children}</div>
-    </div>
-  ),
-  ModalHeader: ({ children }) => <div data-testid="header">{children}</div>,
-  ModalContent: ({ children }) => (
-    <div data-testid="modal-content">{children}</div>
-  ),
-}));
-
-// Mock ClaimSegments
-jest.mock('../components/markdown/ClaimSegments', () => ({
-  ClaimSegments: () => <div data-testid="claim-segments">ClaimSegments</div>,
-}));
-
-describe('ClaimModal', () => {
-  const defaultProps = {
-    claim: {
-      score: 0.85,
-      claimString: 'This is a claim about something important.',
-      rationale: 'The claim is supported by multiple sources.',
-      segmentIds: [1, 2, 3],
-    },
-    markers: {
-      segments: {
-        1: { id: 1, text: 'segment 1' },
-        2: { id: 2, text: 'segment 2' },
-        3: { id: 3, text: 'segment 3' },
-      },
-    },
-    text: ['something important'],
-    citedSources: [
-      { id: 1, semantic_identifier: 'Source 1', link: 'https://example.com' },
-    ],
-  };
-
-  it('renders the claim modal with high score', () => {
-    const component = renderer.create(<ClaimModal {...defaultProps} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with low score', () => {
-    const props = {
-      ...defaultProps,
-      claim: {
-        ...defaultProps.claim,
-        score: 0.3,
-      },
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with medium score', () => {
-    const props = {
-      ...defaultProps,
-      claim: {
-        ...defaultProps.claim,
-        score: 0.6,
-      },
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles empty text array', () => {
-    const props = {
-      ...defaultProps,
-      text: [],
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles claim with markdown formatting', () => {
-    const props = {
-      ...defaultProps,
-      claim: {
-        ...defaultProps.claim,
-        claimString: '**Bold claim** with *italic* and [[1]](url)',
-      },
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with empty markers', () => {
-    const props = {
-      ...defaultProps,
-      markers: {},
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles zero score', () => {
-    const props = {
-      ...defaultProps,
-      claim: {
-        ...defaultProps.claim,
-        score: 0,
-      },
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles perfect score', () => {
-    const props = {
-      ...defaultProps,
-      claim: {
-        ...defaultProps.claim,
-        score: 1.0,
-      },
-    };
-    const component = renderer.create(<ClaimModal {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,206 +0,0 @@
-import renderer from 'react-test-renderer';
-import '@testing-library/jest-dom';
-import { ClaimSegments } from '../components/markdown/ClaimSegments';
-
-// Mock semantic-ui-react
-jest.mock('semantic-ui-react', () => ({
-  Tab: ({ panes, activeIndex }) => (
-    <div data-testid="tab">
-      <div data-testid="tab-menu">
-        {panes.map((pane, i) => (
-          <div
-            key={i}
-            data-testid={`menu-item-${i}`}
-            className={pane.menuItem.className}
-            onClick={pane.menuItem.onClick}
-            onKeydown={() => {}}
-            role="tab"
-            tabIndex={i === activeIndex ? 0 : -1}
-            aria-selected={i === activeIndex}
-            aria-controls={`tab-pane-${i}`}
-          >
-            {pane.menuItem.content}
-          </div>
-        ))}
-      </div>
-      <div data-testid="tab-content">{panes[activeIndex]?.render()}</div>
-    </div>
-  ),
-  TabPane: ({ children }) => <div data-testid="tab-pane">{children}</div>,
-}));
-
-// Mock RenderClaimView
-jest.mock('../components/markdown/RenderClaimView', () => ({
-  RenderClaimView: () => (
-    <div data-testid="render-claim-view">RenderClaimView</div>
-  ),
-}));
-
-describe('ClaimSegments', () => {
-  const defaultProps = {
-    segmentIds: [1, 2],
-    segments: {
-      1: { id: 1, startOffset: 0, endOffset: 10 },
-      2: { id: 2, startOffset: 15, endOffset: 25 },
-    },
-    citedSources: [
-      {
-        id: 'source1',
-        semantic_identifier: 'Source Document 1',
-        link: 'https://example.com/1',
-        source_type: 'web',
-        halloumiContext: 'This is the context text for source 1.',
-        index: 1,
-      },
-    ],
-  };
-
-  it('renders with basic props', () => {
-    const component = renderer.create(<ClaimSegments {...defaultProps} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with multiple sources', () => {
-    const props = {
-      ...defaultProps,
-      citedSources: [
-        {
-          id: 'source1',
-          semantic_identifier: 'Source 1',
-          link: 'https://example.com/1',
-          source_type: 'web',
-          halloumiContext: 'Context for source 1.',
-          index: 1,
-        },
-        {
-          id: 'source2',
-          semantic_identifier: 'Source 2',
-          link: 'https://example.com/2',
-          source_type: 'file',
-          halloumiContext: 'Context for source 2.',
-          index: 2,
-        },
-      ],
-      segments: {
-        1: { id: 1, startOffset: 0, endOffset: 10 },
-        2: { id: 2, startOffset: 22, endOffset: 32 },
-      },
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles empty segmentIds', () => {
-    const props = {
-      ...defaultProps,
-      segmentIds: [],
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles null segmentIds', () => {
-    const props = {
-      ...defaultProps,
-      segmentIds: null,
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles missing segments in segments object', () => {
-    // Suppress console.warn for this test
-    const originalWarn = console.warn;
-    console.warn = jest.fn();
-
-    const props = {
-      ...defaultProps,
-      segmentIds: [1, 999], // 999 doesn't exist
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-    expect(console.warn).toHaveBeenCalled();
-
-    console.warn = originalWarn;
-  });
-
-  it('renders source without link', () => {
-    const props = {
-      ...defaultProps,
-      citedSources: [
-        {
-          id: 'source1',
-          semantic_identifier: 'Source 1',
-          link: null,
-          source_type: 'file',
-          halloumiContext: 'Context for source 1.',
-          index: 1,
-        },
-      ],
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with file source type icon', () => {
-    const props = {
-      ...defaultProps,
-      citedSources: [
-        {
-          id: 'source1',
-          semantic_identifier: 'Internal Document',
-          link: 'https://example.com/1',
-          source_type: 'file',
-          halloumiContext: 'Context text.',
-          index: 1,
-        },
-      ],
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('filters out sources without matching snippets', () => {
-    const props = {
-      segmentIds: [1],
-      segments: {
-        1: { id: 1, startOffset: 0, endOffset: 10 },
-      },
-      citedSources: [
-        {
-          id: 'source1',
-          semantic_identifier: 'Source 1',
-          link: null,
-          source_type: 'web',
-          halloumiContext: 'Short context.',
-          index: 1,
-        },
-        {
-          id: 'source2',
-          semantic_identifier: 'Source 2 (no snippets)',
-          link: null,
-          source_type: 'web',
-          halloumiContext: 'This source has no matching segments.',
-          index: 2,
-        },
-      ],
-    };
-
-    const component = renderer.create(<ClaimSegments {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,241 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import '@testing-library/jest-dom';
-import { CustomToolRenderer } from '../packets/renderers/CustomToolRenderer';
-import { PacketType } from '../types/streamingModels';
-
-describe('CustomToolRenderer', () => {
-  const mockChildRenderer = (result) => (
-    <div data-testid="renderer-result">
-      <div data-testid="status">{result.status}</div>
-      <div data-testid="content">{result.content}</div>
-    </div>
-  );
-
-  it('renders running state when not complete', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'MyTool',
-          },
-        },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-    expect(props.onComplete).not.toHaveBeenCalled();
-  });
-
-  it('renders complete state', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'Calculator',
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'Calculator',
-            response_type: 'calculation_result',
-            data: { result: 42 },
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with multiple deltas', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'MultiStepTool',
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'MultiStepTool',
-            response_type: 'step1',
-            data: { step: 1, status: 'processing' },
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'MultiStepTool',
-            response_type: 'step2',
-            data: { step: 2, status: 'complete' },
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles delta without response_type', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'SimpleTool',
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'SimpleTool',
-            data: { result: 'done' },
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles delta without data', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'NoDataTool',
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'NoDataTool',
-            response_type: 'status',
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('uses default tool name when not provided', () => {
-    const props = {
-      packets: [{ ind: 1, obj: { type: PacketType.SECTION_END } }],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles empty packets array', () => {
-    const props = {
-      packets: [],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('calls onComplete when section end is received', () => {
-    const onComplete = jest.fn();
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: { type: PacketType.CUSTOM_TOOL_START, tool_name: 'Test' },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete,
-      children: mockChildRenderer,
-    };
-
-    act(() => {
-      renderer.create(<CustomToolRenderer {...props} />);
-    });
-    expect(onComplete).toHaveBeenCalled();
-  });
-
-  it('renders complex nested data correctly', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_START,
-            tool_name: 'DataTool',
-          },
-        },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.CUSTOM_TOOL_DELTA,
-            tool_name: 'DataTool',
-            response_type: 'complex',
-            data: {
-              nested: {
-                array: [1, 2, 3],
-                object: { key: 'value' },
-              },
-            },
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<CustomToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,137 +0,0 @@
-import { MemoryRouter } from 'react-router-dom';
-import configureStore from 'redux-mock-store';
-import renderer from 'react-test-renderer';
-
-import '@testing-library/jest-dom';
-import { Provider } from 'react-intl-redux';
-import EmptyState from '../components/EmptyState';
-
-const mockStore = configureStore();
-
-describe('EmptyState', () => {
-  let store;
-  let onChoiceMock;
-
-  beforeEach(() => {
-    store = mockStore({
-      userSession: { token: '1234' },
-      intl: { locale: 'en', messages: {} },
-    });
-    onChoiceMock = jest.fn();
-  });
-
-  function renderComponent(props) {
-    return renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <EmptyState {...props} />
-        </MemoryRouter>
-      </Provider>,
-    );
-  }
-
-  it('renders with showAssistantPrompts and persona starter messages', () => {
-    const props = {
-      onChoice: onChoiceMock,
-      showAssistantPrompts: true,
-      enableStarterPrompts: false,
-      starterPromptsHeading: 'Starter Prompts',
-      persona: {
-        starter_messages: [
-          {
-            name: 'Starter 1',
-            description: 'Desc 1',
-            message: 'Message 1',
-          },
-        ],
-      },
-    };
-
-    const component = renderComponent(props);
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders with enableStarterPrompts and starterPrompts', () => {
-    const props = {
-      onChoice: onChoiceMock,
-      showAssistantPrompts: false,
-      enableStarterPrompts: true,
-      starterPromptsHeading: 'Starter Prompts',
-      starterPrompts: [
-        {
-          name: 'Prompt 1',
-          description: 'Prompt Desc 1',
-          message: 'Prompt Message 1',
-        },
-      ],
-    };
-
-    const component = renderComponent(props);
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders nothing when no starter messages and no starter prompts', () => {
-    const props = {
-      onChoice: onChoiceMock,
-      showAssistantPrompts: true,
-      enableStarterPrompts: false,
-      persona: {
-        starter_messages: [],
-      },
-    };
-
-    const component = renderComponent(props);
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders without starterPromptsHeading', () => {
-    const props = {
-      onChoice: onChoiceMock,
-      showAssistantPrompts: true,
-      enableStarterPrompts: true,
-      starterPrompts: [
-        {
-          name: 'Prompt X',
-          description: 'Desc X',
-          message: 'Message X',
-        },
-      ],
-    };
-
-    const component = renderComponent(props);
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('calls onChoice when starter message button is clicked', () => {
-    const props = {
-      '@type': 'eeaChatbot',
-      assistant: '17',
-      chatTitle: 'Online public chat',
-      height: '500px',
-      onChoice: onChoiceMock,
-      showAssistantDescription: true,
-      showAssistantPrompts: true,
-      showAssistantTitle: true,
-      enableStarterPrompts: false,
-      persona: {
-        name: 'In enim justo rhoncus ut',
-        description: 'Nullam dictum felis eu pede',
-        starter_messages: [
-          {
-            description: 'Vestibulum purus quam scelerisque ut ',
-            message: 'Nam at tortor in tellus',
-            name: 'Curabitur at lacus ac velit',
-          },
-        ],
-      },
-    };
-
-    const component = renderComponent(props);
-
-    const button = component.root.findByProps({ className: 'starter-message' });
-
-    button.props.onClick();
-
-    expect(onChoiceMock).toHaveBeenCalledWith('Nam at tortor in tellus');
-  });
-});