@eeacms/volto-eea-chatbot 2.0.0 → 2.0.2

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

@@ -1,215 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import RelatedQuestions from '../components/RelatedQuestions';
-
-import { trackEvent } from '@eeacms/volto-matomo/utils';
-
-// Mock @eeacms/volto-matomo/utils
-jest.mock('@eeacms/volto-matomo/utils', () => ({
-  trackEvent: jest.fn(),
-}));
-
-describe('RelatedQuestions', () => {
-  const mockOnChoice = jest.fn();
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders nothing when no related questions', () => {
-    const { container } = render(
-      <RelatedQuestions
-        message={{ relatedQuestions: [] }}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-    expect(container.querySelector('.chat-related-questions')).toBeNull();
-  });
-
-  it('renders nothing when relatedQuestions is undefined', () => {
-    const { container } = render(
-      <RelatedQuestions
-        message={{}}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-    expect(container.querySelector('.chat-related-questions')).toBeNull();
-  });
-
-  it('renders related questions when available', () => {
-    const message = {
-      relatedQuestions: [
-        { question: 'Question 1' },
-        { question: 'Question 2' },
-      ],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-
-    expect(getByText('Related questions:')).toBeInTheDocument();
-    expect(getByText('Question 1')).toBeInTheDocument();
-    expect(getByText('Question 2')).toBeInTheDocument();
-  });
-
-  it('calls onChoice when question is clicked', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Test Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-
-    fireEvent.click(getByText('Test Question'));
-    expect(mockOnChoice).toHaveBeenCalledWith('Test Question');
-  });
-
-  it('does not call onChoice when loading', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Test Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={true}
-      />,
-    );
-
-    fireEvent.click(getByText('Test Question'));
-    expect(mockOnChoice).not.toHaveBeenCalled();
-  });
-
-  it('tracks event when enableMatomoTracking is true', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Tracked Question' }],
-    };
-    const persona = { name: 'Test Persona' };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-        enableMatomoTracking={true}
-        persona={persona}
-      />,
-    );
-
-    fireEvent.click(getByText('Tracked Question'));
-
-    expect(trackEvent).toHaveBeenCalledWith({
-      category: 'Chatbot - Test Persona',
-      action: 'Chatbot: Related question click',
-      name: 'Message submitted',
-    });
-  });
-
-  it('tracks event with default category when no persona name', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Tracked Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-        enableMatomoTracking={true}
-        persona={{}}
-      />,
-    );
-
-    fireEvent.click(getByText('Tracked Question'));
-
-    expect(trackEvent).toHaveBeenCalledWith({
-      category: 'Chatbot',
-      action: 'Chatbot: Related question click',
-      name: 'Message submitted',
-    });
-  });
-
-  it('does not track event when enableMatomoTracking is false', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Untracked Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-        enableMatomoTracking={false}
-      />,
-    );
-
-    fireEvent.click(getByText('Untracked Question'));
-
-    expect(trackEvent).not.toHaveBeenCalled();
-  });
-
-  it('handles keyboard Enter key', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Keyboard Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-
-    fireEvent.keyDown(getByText('Keyboard Question'), { key: 'Enter' });
-    expect(mockOnChoice).toHaveBeenCalledWith('Keyboard Question');
-  });
-
-  it('handles keyboard Space key', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Space Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-
-    fireEvent.keyDown(getByText('Space Question'), { key: ' ' });
-    expect(mockOnChoice).toHaveBeenCalledWith('Space Question');
-  });
-
-  it('ignores other keyboard keys', () => {
-    const message = {
-      relatedQuestions: [{ question: 'Other Key Question' }],
-    };
-
-    const { getByText } = render(
-      <RelatedQuestions
-        message={message}
-        onChoice={mockOnChoice}
-        isLoading={false}
-      />,
-    );
-
-    fireEvent.keyDown(getByText('Other Key Question'), { key: 'Tab' });
-    expect(mockOnChoice).not.toHaveBeenCalled();
-  });
-});

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

@@ -1,191 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { RenderClaimView } from '../components/markdown/RenderClaimView';
-
-describe('RenderClaimView', () => {
-  const createRef = () => ({ current: {} });
-
-  it('renders plain text without segments', () => {
-    const props = {
-      value: 'This is plain text without any segments.',
-      segments: [],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders text with a single segment', () => {
-    const props = {
-      value: 'This is text with a segment here.',
-      segments: [
-        {
-          id: 1,
-          startOffset: 20,
-          endOffset: 27,
-        },
-      ],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders text with multiple segments', () => {
-    const props = {
-      value: 'First segment and second segment here.',
-      segments: [
-        { id: 1, startOffset: 0, endOffset: 13 },
-        { id: 2, startOffset: 18, endOffset: 32 },
-      ],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('highlights visible segment', () => {
-    const props = {
-      value: 'This is text with a segment here.',
-      segments: [
-        {
-          id: 1,
-          startOffset: 20,
-          endOffset: 27,
-        },
-      ],
-      sourceStartIndex: 0,
-      visibleSegmentId: 1,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    render(<RenderClaimView {...props} />);
-    const segment = document.querySelector('.citation-segment.active');
-    expect(segment).toBeInTheDocument();
-  });
-
-  it('handles segments with sourceStartIndex offset', () => {
-    const props = {
-      value: 'text with segment.',
-      segments: [
-        {
-          id: 1,
-          startOffset: 110,
-          endOffset: 117,
-        },
-      ],
-      sourceStartIndex: 100,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles text with newlines', () => {
-    const props = {
-      value: 'Line one\nLine two\nLine three',
-      segments: [],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles segment ending with newline', () => {
-    const props = {
-      value: 'Segment text\nMore text',
-      segments: [
-        {
-          id: 1,
-          startOffset: 0,
-          endOffset: 13,
-        },
-      ],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('filters out DOCUMENT and Source lines', () => {
-    const props = {
-      value: 'DOCUMENT 1\nActual content\nSource: test',
-      segments: [],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    render(<RenderClaimView {...props} />);
-    expect(screen.queryByText(/DOCUMENT 1/)).not.toBeInTheDocument();
-    expect(screen.queryByText(/Source: test/)).not.toBeInTheDocument();
-    expect(screen.getByText('Actual content')).toBeInTheDocument();
-  });
-
-  it('handles empty segments array', () => {
-    const props = {
-      value: 'Some text content',
-      segments: [],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('sorts segments by startOffset', () => {
-    const props = {
-      value: 'AAAA BBBB CCCC',
-      segments: [
-        { id: 2, startOffset: 5, endOffset: 9 },
-        { id: 1, startOffset: 0, endOffset: 4 },
-        { id: 3, startOffset: 10, endOffset: 14 },
-      ],
-      sourceStartIndex: 0,
-      visibleSegmentId: null,
-      segmentContainerRef: createRef(),
-      spanRefs: createRef(),
-    };
-
-    const component = renderer.create(<RenderClaimView {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,139 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { findRenderer, RendererComponent } from '../packets/RendererComponent';
-import { PacketType } from '../types/streamingModels';
-
-// Mock loadable
-jest.mock('@loadable/component', () => {
-  const loadable = (loader) => {
-    const MockComponent = (props) => (
-      <div data-testid="loadable">{props.children}</div>
-    );
-    return MockComponent;
-  };
-  loadable.lib = () => {
-    const MockComponent = ({ children }) =>
-      children ? children({ default: {} }) : null;
-    return MockComponent;
-  };
-  return { __esModule: true, default: loadable };
-});
-
-describe('findRenderer', () => {
-  it('returns MessageTextRenderer for chat packets', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.MESSAGE_START } }],
-    });
-    expect(result).toBeDefined();
-    expect(result.name || result.displayName || '').toBeTruthy();
-  });
-
-  it('returns MessageTextRenderer for MESSAGE_DELTA', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.MESSAGE_DELTA } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns MessageTextRenderer for MESSAGE_END', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.MESSAGE_END } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns SearchToolRenderer for search packets', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.SEARCH_TOOL_START } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns ImageToolRenderer for image packets', () => {
-    const result = findRenderer({
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-      ],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns CustomToolRenderer for custom tool packets', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.CUSTOM_TOOL_START } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns FetchToolRenderer for fetch tool packets', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.FETCH_TOOL_START } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns ReasoningRenderer for reasoning packets', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.REASONING_START } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns ReasoningRenderer for REASONING_DELTA', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: PacketType.REASONING_DELTA } }],
-    });
-    expect(result).toBeDefined();
-  });
-
-  it('returns null for unknown packet types', () => {
-    const result = findRenderer({
-      packets: [{ ind: 1, obj: { type: 'unknown_type' } }],
-    });
-    expect(result).toBeNull();
-  });
-
-  it('returns null for empty packets', () => {
-    const result = findRenderer({ packets: [] });
-    expect(result).toBeNull();
-  });
-});
-
-describe('RendererComponent', () => {
-  const childRenderer = (result) => (
-    <div>
-      <span>{result.status}</span>
-      <span>{result.content}</span>
-    </div>
-  );
-
-  it('renders fallback for unrecognized packets', () => {
-    const component = renderer.create(
-      <RendererComponent
-        packets={[{ ind: 1, obj: { type: 'unknown_type' } }]}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        libs={{ remarkGfm: { default: [] } }}
-      >
-        {childRenderer}
-      </RendererComponent>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders fallback for empty packets', () => {
-    const component = renderer.create(
-      <RendererComponent
-        packets={[]}
-        onComplete={jest.fn()}
-        animate={false}
-        stopPacketSeen={false}
-        libs={{ remarkGfm: { default: [] } }}
-      >
-        {childRenderer}
-      </RendererComponent>,
-    );
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-});