@eeacms/volto-eea-chatbot 2.0.1 → 2.0.3

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

@@ -1,95 +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 { AIMessage } from '../chat/AIMessage';
-
-const mockStore = configureStore();
-
-describe('AIMessage', () => {
-  let store;
-
-  beforeEach(() => {
-    store = mockStore({
-      userSession: { token: '1234' },
-      intl: { locale: 'en', messages: {} },
-    });
-  });
-
-  const renderComponent = (props) =>
-    renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <AIMessage {...props} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-  it('renders AI message with content', () => {
-    const props = {
-      message: {
-        messageId: 1,
-        message: 'Hello, I am an AI assistant',
-        type: 'assistant',
-      },
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders AI message with sources', () => {
-    const props = {
-      message: {
-        messageId: 1,
-        message: 'Here is some information',
-        type: 'assistant',
-        documents: [
-          {
-            document_id: 'doc1',
-            semantic_identifier: 'Source 1',
-            link: 'https://example.com/1',
-            source_type: 'web',
-          },
-        ],
-      },
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders AI message with feedback options', () => {
-    const props = {
-      message: {
-        messageId: 1,
-        message: 'This is a response',
-        type: 'assistant',
-      },
-      onFeedback: jest.fn(),
-      enableFeedback: true,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders empty AI message', () => {
-    const props = {
-      message: {
-        messageId: 1,
-        message: '',
-        type: 'assistant',
-      },
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,49 +0,0 @@
-import { render, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import AutoResizeTextarea from '../components/AutoResizeTextarea';
-
-jest.mock('@eeacms/volto-matomo/utils', () => ({
-  trackEvent: jest.fn(),
-}));
-
-describe('AutoResizeTextarea', () => {
-  it('renders textarea and button', () => {
-    const { getByRole, getByLabelText } = render(
-      <AutoResizeTextarea onSubmit={jest.fn()} />,
-    );
-
-    expect(getByRole('textbox')).toBeInTheDocument();
-    expect(getByLabelText('Send')).toBeInTheDocument();
-  });
-
-  it('calls onSubmit with input text on Enter key press', () => {
-    const mockSubmit = jest.fn();
-    const { getByRole } = render(<AutoResizeTextarea onSubmit={mockSubmit} />);
-    const textarea = getByRole('textbox');
-
-    fireEvent.change(textarea, { target: { value: 'Hello' } });
-    fireEvent.keyDown(textarea, { key: 'Enter', code: 'Enter' });
-
-    expect(mockSubmit).toHaveBeenCalledWith({ message: 'Hello' });
-  });
-
-  it('does not call onSubmit if input is empty', () => {
-    const mockSubmit = jest.fn();
-    const { getByRole } = render(<AutoResizeTextarea onSubmit={mockSubmit} />);
-    const textarea = getByRole('textbox');
-
-    fireEvent.keyDown(textarea, { key: 'Enter', code: 'Enter' });
-
-    expect(mockSubmit).not.toHaveBeenCalled();
-  });
-
-  it('adds newline on Shift+Enter', () => {
-    const { getByRole } = render(<AutoResizeTextarea onSubmit={jest.fn()} />);
-    const textarea = getByRole('textbox');
-
-    fireEvent.change(textarea, { target: { value: 'Line 1' } });
-    fireEvent.keyDown(textarea, { key: 'Enter', shiftKey: true });
-
-    expect(textarea.value).toBe('Line 1\n');
-  });
-});

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

@@ -1,71 +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 { BlinkingDot } from '../components/BlinkingDot';
-
-const mockStore = configureStore();
-
-describe('BlinkingDot', () => {
-  let store;
-
-  beforeEach(() => {
-    store = mockStore({
-      userSession: { token: '1234' },
-      intl: { locale: 'en', messages: {} },
-    });
-  });
-
-  const renderComponent = (props) =>
-    renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <BlinkingDot {...props} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-  it('renders blinking dot when active', () => {
-    const props = {
-      isActive: true,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('renders inactive dot when not active', () => {
-    const props = {
-      isActive: false,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('applies custom className', () => {
-    const props = {
-      isActive: true,
-      className: 'custom-class',
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('applies custom size', () => {
-    const props = {
-      isActive: true,
-      size: 20,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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

@@ -1,75 +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 { ChatMessage } from '../chat/ChatMessage';
-
-const mockStore = configureStore();
-
-// Mock loadable components
-jest.mock('@loadable/component', () => {
-  const loadable = () => {
-    const MockComponent = ({ children }) => <div>{children}</div>;
-    return MockComponent;
-  };
-  loadable.lib = () => {
-    const MockComponent = ({ children }) =>
-      children ? children({ default: {} }) : null;
-    return MockComponent;
-  };
-  return { __esModule: true, default: loadable };
-});
-
-describe('ChatMessage', () => {
-  let store;
-
-  beforeEach(() => {
-    store = mockStore({
-      userSession: { token: '1234' },
-      intl: { locale: 'en', messages: {} },
-    });
-  });
-
-  const renderComponent = (props) =>
-    renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <ChatMessage {...props} />
-        </MemoryRouter>
-      </Provider>,
-    );
-
-  it('renders error message correctly', () => {
-    const props = {
-      message: {
-        messageId: 3,
-        type: 'error',
-        error: 'Something went wrong',
-      },
-      libs: { remarkGfm: { default: [] } },
-      isLoading: false,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-
-  it('returns null for unknown message type', () => {
-    const props = {
-      message: {
-        messageId: 4,
-        message: 'Unknown type',
-        type: 'unknown',
-      },
-      libs: { remarkGfm: { default: [] } },
-      isLoading: false,
-    };
-
-    const component = renderComponent(props);
-    const json = component.toJSON();
-    expect(json).toBeNull();
-  });
-});

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

@@ -1,73 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen, fireEvent } from '@testing-library/react';
-import ChatMessageFeedback from '../components/ChatMessageFeedback';
-
-jest.mock('../components/FeedbackModal', () => (props) => {
-  const { modalOpen, onClose, onToast } = props;
-
-  return modalOpen ? (
-    <div data-testid="feedback-modal">
-      Modal Open
-      <button
-        onClick={() => {
-          onToast('Thank you for your feedback!', 'success');
-          onClose();
-        }}
-      >
-        Submit Feedback
-      </button>
-    </div>
-  ) : null;
-});
-
-jest.mock('../components/Icon', () => ({ name }) => (
-  <img src={name} alt="icon" />
-));
-
-jest.mock('../components/markdown', () => ({
-  SVGIcon: ({ name }) => <img src={name} alt="icon" />,
-}));
-
-jest.mock('../../icons/thumbs-up.svg', () => 'thumbs-up.svg');
-jest.mock('../../icons/thumbs-down.svg', () => 'thumbs-down.svg');
-
-describe('ChatMessageFeedback', () => {
-  const defaultProps = {
-    message: {
-      messageId: 1,
-      message: 'Test message',
-      type: 'assistant',
-    },
-    feedbackReasons: ['Reason 1', 'Reason 2'],
-  };
-
-  it('renders Like and Dislike buttons', () => {
-    render(<ChatMessageFeedback {...defaultProps} />);
-    expect(screen.getByLabelText('Like')).toBeInTheDocument();
-    expect(screen.getByLabelText('Dislike')).toBeInTheDocument();
-  });
-
-  it('opens modal when Like is clicked', () => {
-    render(<ChatMessageFeedback {...defaultProps} />);
-    fireEvent.click(screen.getByLabelText('Like'));
-    expect(screen.getByTestId('feedback-modal')).toBeInTheDocument();
-  });
-
-  it('opens modal when Dislike is clicked', () => {
-    render(<ChatMessageFeedback {...defaultProps} />);
-    fireEvent.click(screen.getByLabelText('Dislike'));
-    expect(screen.getByTestId('feedback-modal')).toBeInTheDocument();
-  });
-
-  it('shows toast after submitting feedback in modal', () => {
-    render(<ChatMessageFeedback {...defaultProps} />);
-    fireEvent.click(screen.getByLabelText('Like'));
-
-    const submitButton = screen.getByText('Submit Feedback');
-    fireEvent.click(submitButton);
-
-    expect(
-      screen.getByText('Thank you for your feedback!'),
-    ).toBeInTheDocument();
-  });
-});

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

@@ -1,107 +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 { Citation } from '../components/markdown/Citation';
-
-const mockStore = configureStore();
-
-describe('Citation', () => {
-  it('should render the component with link', () => {
-    const store = mockStore({
-      userSession: { token: '1234' },
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const component = renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Citation
-            message={{
-              messageId: 6428,
-              message: 'Donec quam felis ultricies nec',
-              type: 'assistant',
-              query: 'Pellentesque libero tortor tincidunt et?',
-              documents: [
-                {
-                  document_id: 'https://www.example.com',
-                  semantic_identifier: 'Nam ipsum risus rutrum vitae',
-                  link: 'https://www.example.com',
-                  blurb:
-                    'Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. ',
-                  source_type: 'web',
-                  match_highlights: ['', 'Praesent ac sem eget est', ''],
-                  updated_at: null,
-                  db_doc_id: 99186,
-                },
-              ],
-              citations: {
-                1: 99186,
-              },
-              parentMessageId: 6427,
-              alternateAssistantID: null,
-            }}
-            value={['[1]']}
-            link="https://www.example.com"
-          />
-        </MemoryRouter>
-      </Provider>,
-    );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});
-
-describe('Citation', () => {
-  it('should render the component without link', () => {
-    const store = mockStore({
-      userSession: { token: '1234' },
-      intl: {
-        locale: 'en',
-        messages: {},
-      },
-    });
-
-    const component = renderer.create(
-      <Provider store={store}>
-        <MemoryRouter>
-          <Citation
-            message={{
-              messageId: 6428,
-              message: 'Donec quam felis ultricies nec',
-              type: 'assistant',
-              query: 'Pellentesque libero tortor tincidunt et?',
-              documents: [
-                {
-                  document_id: 'https://www.example.com',
-                  semantic_identifier: 'Nam ipsum risus rutrum vitae',
-                  link: 'https://www.example.com',
-                  blurb:
-                    'Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. ',
-                  source_type: 'web',
-                  match_highlights: ['', 'Praesent ac sem eget est', ''],
-                  updated_at: null,
-                  db_doc_id: 99186,
-                },
-              ],
-              citations: {
-                1: 99186,
-              },
-              parentMessageId: 6427,
-              alternateAssistantID: null,
-            }}
-            value={['[1]']}
-            link=""
-          />
-        </MemoryRouter>
-      </Provider>,
-    );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
-  });
-});

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();
-  });
-});