import enzyme, { render } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import React from 'react';
import { Provider } from 'react-redux';
import { combineReducers, createStore } from 'redux';
import { reducer as form } from 'redux-form';

import TwoFactorFormContainer from './TwoFactorForm.state';
import { selectToken } from '../../redux/branches/forms/twoFactorAuth';
import { reducer as entities } from '../../redux/branches/entities';

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

const renderContainer = () => {
  const rootReducer = combineReducers({ form, entities });
  const store = createStore(rootReducer);

  const wrapper = render(
    <Provider store={store} key="provider">
      <TwoFactorFormContainer />
    </Provider>
  );

  return { wrapper, store };
};

describe.skip('TwoFactorFormContainer', () => {
  it('.selectToken', () => {
    const contactToken = selectToken(renderContainer().store.getState());

    expect(contactToken).toEqual({
      token: '',
    });
  });
});