import React from 'react';
import { mount, configure, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import { Provider } from 'react-redux';
import configureMockStore from 'redux-mock-store';
import Report, {
  reducer,
  actions,
  actionTypes,
  middleware,
} from './index';
import ReportComponent from './components/Report';

configure({ adapter: new Adapter() });
const storeFake = state => ({
  default: () => {},
  subscribe: () => {},
  dispatch: () => {},
  getState: () => ({ ...state }),
});

describe('Report', () => {
  const state = {
    date: {},
    report: {
      name: 'A report',
      description: 'A description!',
      charts: [],
      logo: {
        url: 'https://test-url/test-logo.png',
      },
    },
  };
  it('should render', () => {
    const store = storeFake(state);
    const wrapper = mount(
      <Provider store={store}>
        <Report />
      </Provider>,
    );
    expect(wrapper.find(ReportComponent).length)
      .toBe(1);
  });

  it('should export reducer', () => {
    expect(reducer)
      .toBeDefined();
  });

  it('should export actions', () => {
    expect(actions)
      .toBeDefined();
  });

  it('should export actionTypes', () => {
    expect(actionTypes)
      .toBeDefined();
  });

  it('should export middleware', () => {
    expect(middleware)
      .toBeDefined();
  });

  it('edit name should dispatch the editName', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().editName()).toEqual(actions.editName());
  });

  it('edit description should dispatch the editDescription', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().editDescription()).toEqual(actions.editDescription());
  });

  it('save changes should dispatch saveChanges', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().saveChanges('a new name!')).toEqual(actions.saveChanges({
      name: 'a new name!',
    }));
  });

  it('save description should dispatch saveChanges', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().saveDescription('a new description!')).toEqual(actions.saveChanges({
      description: 'a new description!',
    }));
  });

  it('upload logo should dispatch uploadLogo', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().uploadLogo('logo-image')).toEqual(actions.uploadLogo({
      logo: 'logo-image',
    }));
  });

  it('delete logo should dispatch deleteLogo', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().deleteLogo()).toEqual(actions.deleteLogo());
  });

  it('move up should dispatch moveUp', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().moveUp('chart_id')).toEqual(actions.moveUp('chart_id'));
  });

  it('move down should dispatch moveDown', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().moveDown('chart_id')).toEqual(actions.moveDown('chart_id'));
  });

  it('delete chart should dispatch deleteChart', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().deleteChart('chart_id')).toEqual(actions.deleteChart('chart_id'));
  });

  it('parse page breaks should dispatch parsePageBreaks', () => {
    const mockStore = configureMockStore();
    const store = mockStore(state);

    const component = shallow(<Report
      store={store}
    />);

    expect(component.props().parsePageBreaks()).toEqual(actions.parsePageBreaks());
  });
});