import React from 'react';
import { mount, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import { Provider } from 'react-redux';
import AppSidebar, {
  reducer,
  actions,
  actionTypes,
  middleware,
} from './index';

configure({ adapter: new Adapter() });

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

describe('Example', () => {
  it('should render', () => {
    const store = storeFake({
      appSidebar: {
        user: {
          loading: false,
          id: '1234',
          name: 'Hamish Macpherson',
          email: '...',
          avatar: '',
        },
      },
      environment: {
        environment: 'production',
      },
      i18n: {
        translations: { },
      },
    });
    const wrapper = mount(
      <Provider store={store}>
        <AppSidebar />
      </Provider>,
    );
    expect(wrapper.find(AppSidebar).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();
  });
});