rtl render method extended with Store and Context

renderWithProvider.js

import React from 'react';
import { createStore } from 'redux';
import { Provider as RRProvider } from 'react-redux';
import { render as rtlRender } from '@testing-library/react-native';
import { rootReducer } from 'store';

// you can provide initialState or the entire store that the ui is rendered with
export const renderWithStore = (
  ui,
  {
    initialState,
    store = createStore(rootReducer, initialState),
    Provider,
    providerProps = {},
    ...renderOptions
  } = {}
) => {
  const Wrapper = ({ children }) => (
    <RRProvider store={store}>
      {Provider ? <Provider {...providerProps}>{children}</Provider> : children}
    </RRProvider>
  );

  return {
    ...rtlRender(ui, {
      wrapper: Wrapper,
      ...renderOptions
    }),
    // adding `store` to the returned utilities to allow us
    // to reference it in our tests (just try to avoid using
    // this to test implementation details).
    store
  };
};
import { render } from '@testing-library/react'

export const renderWithContext = (
    ui,
    Provider,
    { providerProps = {}, ...renderOptions } = {}
) => render(<Provider {...providerProps}>{ui}</Provider>, renderOptions)