@eeacms/volto-eea-chatbot 2.0.1 → 2.0.3

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

@@ -1,138 +0,0 @@
-import { render, screen, fireEvent, act } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import FeedbackModal from '../components/FeedbackModal';
-import * as lib from '../utils';
-
-jest.mock('../utils');
-
-beforeEach(() => {
-  jest.clearAllMocks();
-});
-
-describe('FeedbackModal', () => {
-  const baseProps = {
-    modalOpen: true,
-    onClose: jest.fn(),
-    setToast: jest.fn(),
-    onToast: jest.fn(),
-    setIsToastActive: jest.fn(),
-    message: { messageId: '1234' },
-    feedbackReasons: ['Reason 1', 'Reason 2'],
-  };
-
-  it('submits positive feedback successfully', async () => {
-    lib.createChatMessageFeedback.mockResolvedValue({});
-
-    render(<FeedbackModal {...baseProps} isPositive={true} />);
-
-    fireEvent.change(
-      screen.getByPlaceholderText(/What did you like about this response/i),
-      { target: { value: 'Great response!' } },
-    );
-
-    await act(async () => {
-      fireEvent.click(screen.getByText('Submit Feedback'));
-    });
-
-    expect(lib.createChatMessageFeedback).toHaveBeenCalledWith({
-      chat_message_id: '1234',
-      feedback_text: 'Great response!',
-      is_positive: true,
-      predefined_feedback: '',
-    });
-    expect(baseProps.onToast).toHaveBeenCalledWith(
-      'Thanks for your feedback!',
-      'success',
-    );
-    expect(baseProps.setIsToastActive).toHaveBeenCalledWith(true);
-    expect(baseProps.onClose).toHaveBeenCalled();
-  });
-
-  it('submits negative feedback with selected reason', async () => {
-    lib.createChatMessageFeedback.mockResolvedValue({});
-
-    render(<FeedbackModal {...baseProps} isPositive={false} />);
-
-    const reasonBtn = screen.getByRole('button', { name: 'Reason 1' });
-    fireEvent.click(reasonBtn);
-    expect(reasonBtn.classList.contains('primary')).toBe(true);
-
-    fireEvent.change(screen.getByPlaceholderText(/What could be improved/i), {
-      target: { value: 'Needs more details' },
-    });
-
-    await act(async () => {
-      fireEvent.click(screen.getByText('Submit Feedback'));
-    });
-
-    expect(lib.createChatMessageFeedback).toHaveBeenCalledWith({
-      chat_message_id: '1234',
-      feedback_text: 'Needs more details',
-      is_positive: false,
-      predefined_feedback: 'Reason 1',
-    });
-    expect(baseProps.onToast).toHaveBeenCalledWith(
-      'Thanks for your feedback!',
-      'success',
-    );
-    expect(baseProps.onClose).toHaveBeenCalled();
-  });
-
-  it('handles submission failure', async () => {
-    lib.createChatMessageFeedback.mockRejectedValue(new Error('fail'));
-
-    render(<FeedbackModal {...baseProps} isPositive={true} />);
-
-    await act(async () => {
-      fireEvent.click(screen.getByText('Submit Feedback'));
-    });
-
-    expect(baseProps.onToast).toHaveBeenCalledWith(
-      'Failed to submit feedback.',
-      'error',
-    );
-    expect(baseProps.setIsToastActive).toHaveBeenCalledWith(true);
-    expect(baseProps.onClose).toHaveBeenCalled();
-  });
-
-  it('resets and closes modal on Cancel click', () => {
-    render(<FeedbackModal {...baseProps} isPositive={true} />);
-
-    const textarea = screen.getByPlaceholderText(
-      /What did you like about this response/i,
-    );
-    fireEvent.change(textarea, { target: { value: 'Some feedback' } });
-    expect(textarea.value).toBe('Some feedback');
-
-    fireEvent.click(screen.getByText('Cancel'));
-    expect(baseProps.onClose).toHaveBeenCalled();
-  });
-
-  it('toggles reason button selected state on click', () => {
-    render(<FeedbackModal {...baseProps} isPositive={false} />);
-
-    const reason1 = screen.getByRole('button', { name: 'Reason 1' });
-    const reason2 = screen.getByRole('button', { name: 'Reason 2' });
-
-    expect(reason1.classList.contains('inverted')).toBe(true);
-    expect(reason2.classList.contains('inverted')).toBe(true);
-
-    fireEvent.click(reason1);
-    expect(reason1.classList.contains('inverted')).toBe(false);
-    expect(reason2.classList.contains('inverted')).toBe(true);
-
-    fireEvent.click(reason2);
-    expect(reason1.classList.contains('inverted')).toBe(true);
-    expect(reason2.classList.contains('inverted')).toBe(false);
-  });
-
-  it('updates textarea value on user input', () => {
-    render(<FeedbackModal {...baseProps} isPositive={true} />);
-
-    const textarea = screen.getByPlaceholderText(
-      /What did you like about this response/i,
-    );
-    fireEvent.change(textarea, { target: { value: 'Awesome!' } });
-    expect(textarea.value).toBe('Awesome!');
-  });
-});

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

@@ -1,161 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import '@testing-library/jest-dom';
-import { FetchToolRenderer } from '../packets/renderers/FetchToolRenderer';
-import { PacketType } from '../types/streamingModels';
-
-describe('FetchToolRenderer', () => {
-  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 fetching state when not complete', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.FETCH_TOOL_START,
-            queries: ['search query'],
-            documents: null,
-          },
-        },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<FetchToolRenderer {...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.FETCH_TOOL_START,
-            queries: ['search query'],
-            documents: [
-              {
-                document_id: 'doc1',
-                semantic_identifier: 'Document 1',
-                link: 'https://example.com/1',
-              },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<FetchToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with multiple queries', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.FETCH_TOOL_START,
-            queries: ['first query', 'second query', 'third query'],
-            documents: null,
-          },
-        },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<FetchToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders with multiple documents', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.FETCH_TOOL_START,
-            queries: ['query'],
-            documents: [
-              { document_id: 'doc1' },
-              { document_id: 'doc2' },
-              { document_id: 'doc3' },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<FetchToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles empty queries and documents', () => {
-    const props = {
-      packets: [
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.FETCH_TOOL_START,
-            queries: null,
-            documents: null,
-          },
-        },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<FetchToolRenderer {...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(<FetchToolRenderer {...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.FETCH_TOOL_START, queries: [] } },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete,
-      children: mockChildRenderer,
-    };
-
-    act(() => {
-      renderer.create(<FetchToolRenderer {...props} />);
-    });
-    expect(onComplete).toHaveBeenCalled();
-  });
-});

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

@@ -1,94 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen, fireEvent } from '@testing-library/react';
-import HalloumiFeedback from '../components/HalloumiFeedback';
-
-jest.mock('../components/Spinner', () => () => (
-  <div data-testid="spinner">Loading...</div>
-));
-
-jest.mock('../components/Icon', () => ({ name }) => (
-  <img src={name} alt="icon" />
-));
-
-jest.mock('../../icons/glasses.svg', () => 'glasses.svg');
-
-jest.mock('@plone/volto-slate/editor/render', () => ({
-  serializeNodes: (nodes) => {
-    const visitTextNodes = (node) => {
-      if (Array.isArray(node)) return node.map(visitTextNodes).join('');
-      if (node && typeof node === 'object') {
-        if (node.text) return node.text;
-        if (node.children) return visitTextNodes(node.children);
-      }
-      return '';
-    };
-    return visitTextNodes(nodes);
-  },
-}));
-
-describe('HalloumiFeedback', () => {
-  const defaultProps = {
-    halloumiMessage: null,
-    isLoadingHalloumi: false,
-    markers: { claims: [{ score: 50, rationale: 'Some rationale' }] },
-    score: 75,
-    scoreColor: 'green',
-    onManualVerify: jest.fn(),
-    showVerifyClaimsButton: false,
-    sources: [],
-  };
-
-  it('renders fact-check button when showVerifyClaimsButton is true', () => {
-    render(<HalloumiFeedback {...defaultProps} showVerifyClaimsButton />);
-    const button = screen.getByRole('button', {
-      name: /Fact-check AI answer/i,
-    });
-    expect(button).toBeInTheDocument();
-    fireEvent.click(button);
-    expect(defaultProps.onManualVerify).toHaveBeenCalled();
-    expect(screen.getByText(/Please allow a few minutes/i)).toBeInTheDocument();
-  });
-
-  it('renders VerifyClaims message when loading and sources exist', () => {
-    render(
-      <HalloumiFeedback
-        {...defaultProps}
-        isLoadingHalloumi
-        sources={['doc1']}
-        showVerifyClaimsButton
-      />,
-    );
-    expect(screen.getByTestId('spinner')).toBeInTheDocument();
-    expect(screen.getByText(/Going through each claim/i)).toBeInTheDocument();
-  });
-
-  it('renders rationale message when no claims score', () => {
-    render(
-      <HalloumiFeedback
-        {...defaultProps}
-        markers={{ claims: [{ score: null, rationale: 'Failed to verify' }] }}
-      />,
-    );
-    expect(screen.getByText('Failed to verify')).toBeInTheDocument();
-  });
-
-  it('renders halloumiMessage with score replaced', () => {
-    const halloumiMessage = [
-      { type: 'paragraph', children: [{ text: 'Score: {score}' }] },
-    ];
-    render(
-      <HalloumiFeedback
-        {...defaultProps}
-        halloumiMessage={halloumiMessage}
-        score={88}
-      />,
-    );
-    expect(screen.getByText('Score: 88%')).toBeInTheDocument();
-  });
-
-  it('does not render anything extra when no special props', () => {
-    render(<HalloumiFeedback {...defaultProps} />);
-    expect(screen.queryByRole('button')).not.toBeInTheDocument();
-    expect(screen.queryByTestId('spinner')).not.toBeInTheDocument();
-  });
-});

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

@@ -1,178 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import '@testing-library/jest-dom';
-import { ImageToolRenderer } from '../packets/renderers/ImageToolRenderer';
-import { PacketType } from '../types/streamingModels';
-
-describe('ImageToolRenderer', () => {
-  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 generating state when not complete', () => {
-    const props = {
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<ImageToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-    expect(props.onComplete).not.toHaveBeenCalled();
-  });
-
-  it('renders complete state with images', () => {
-    const props = {
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.IMAGE_GENERATION_TOOL_DELTA,
-            images: [
-              {
-                file_id: 'img1',
-                url: 'https://example.com/image1.png',
-                revised_prompt: 'A beautiful landscape',
-                shape: 'landscape',
-              },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<ImageToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders multiple images', () => {
-    const props = {
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.IMAGE_GENERATION_TOOL_DELTA,
-            images: [
-              {
-                file_id: 'img1',
-                url: 'https://example.com/image1.png',
-                revised_prompt: 'First image',
-                shape: 'square',
-              },
-              {
-                file_id: 'img2',
-                url: 'https://example.com/image2.png',
-                revised_prompt: 'Second image',
-                shape: 'portrait',
-              },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<ImageToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles image without revised_prompt', () => {
-    const props = {
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.IMAGE_GENERATION_TOOL_DELTA,
-            images: [
-              {
-                file_id: 'img1',
-                url: 'https://example.com/image1.png',
-                revised_prompt: '',
-              },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<ImageToolRenderer {...props} />);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('handles image without shape (defaults to square)', () => {
-    const props = {
-      packets: [
-        { ind: 1, obj: { type: PacketType.IMAGE_GENERATION_TOOL_START } },
-        {
-          ind: 1,
-          obj: {
-            type: PacketType.IMAGE_GENERATION_TOOL_DELTA,
-            images: [
-              {
-                file_id: 'img1',
-                url: 'https://example.com/image1.png',
-                revised_prompt: 'Test',
-              },
-            ],
-          },
-        },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete: jest.fn(),
-      children: mockChildRenderer,
-    };
-
-    const component = renderer.create(<ImageToolRenderer {...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(<ImageToolRenderer {...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.IMAGE_GENERATION_TOOL_START } },
-        { ind: 1, obj: { type: PacketType.SECTION_END } },
-      ],
-      onComplete,
-      children: mockChildRenderer,
-    };
-
-    act(() => {
-      renderer.create(<ImageToolRenderer {...props} />);
-    });
-    expect(onComplete).toHaveBeenCalled();
-  });
-});