import React from 'react';
import { MemoryRouter } from 'react-router-dom';
import configureStore from 'redux-mock-store';
import '@testing-library/jest-dom';
import { Provider } from 'react-intl-redux';
import InsituReportView from './InsituReportView';
import { render } from '@testing-library/react';
import config from '@plone/volto/registry';

config.blocks = {
  blocksConfig: {
    title: {
      view: () => <div>Title Block Component</div>,
    },
  },
};

const mockStore = configureStore();

jest.mock('semantic-ui-react', () => ({
  ...jest.requireActual('semantic-ui-react'),
}));

describe('InsituReportView', () => {
  it('should render the component', () => {
    const content = {
      title: 'InsituReportView',
      copernicus_services: [
        {
          title: 'Copernicus Atmosphere Monitoring Service',
          token: 'CAMS',
        },
      ],
      data_provenance: {},
      description: '',
      geo_coverage: {},
      is_folderish: true,
      items: [],
      items_total: 0,
      other_organisations: [],
      publisher: [
        {
          title: 'European Environment Agency',
          token: 'EEA',
        },
      ],
      report_category: [
        {
          title: 'General Reports on In Situ Data',
          token: 'GENERAL',
        },
      ],
      rights: '',
      subjects: [],
      temporal_coverage: {},
      topics: [],
      blocks: {
        '6cc87646-cbd3-40ea-8b18-8a737b4ec803': {
          '@type': 'title',
          copyrightIcon: 'ri-copyright-line',
          styles: {},
        },
      },
      blocks_layout: {
        items: ['6cc87646-cbd3-40ea-8b18-8a737b4ec803'],
      },
    };

    const store = mockStore({
      userSession: { token: '1234' },
      intl: {
        locale: 'en',
        messages: {},
      },
    });

    const { getByText } = render(
      <Provider store={store}>
        <MemoryRouter>
          <InsituReportView content={content} />
        </MemoryRouter>
      </Provider>,
    );
    expect(getByText('Title Block Component')).toBeInTheDocument();
    // expect(getByText('Test test')).toHaveClass('test-class');
  });
});