rtl-redux-helper.js

export function renderWithRedux(component, { store } = {}) {
  const rendered = render(
    <BrowserRouter>
      <ThemeProvider theme="bri">
        <Provider store={store}>{component}</Provider>
      </ThemeProvider>
    </BrowserRouter>
  );

  // return the methods and properties from our custom render
  return {
    ...rendered,
    rerender: (el) => renderWithRedux(el, { store }),
    store
  };
}

// create a fake redux store with the option to add
// properties for scenarios we might want to test
export const createReduxStore = (options = {}) => {
  const defaultOpts = {
    currentUser: {
      data: {
        firstName: 'Cool Dude',
      }
    }
  };

  return {
    getState: () => ({
      ...defaultOpts,
      ...options
    }),
    createStore: () => ({})
  };
};