Testing Utilities

genericMockComponent.jsx

import React from "react";

export class GenericComponent extends React.Component {
  render() {
    return (
      <div data-testid="generic">
        <h1>Hello, World!</h1>
      </div>
    );
  }
}

routerTestUtils.js

import React from "react";
import { Router } from "react-router-dom";
import { render, wait } from "@testing-library/react";
import { createMemoryHistory } from "history";

export const renderWithRouter = (
  ui,
  { route = "/", ...renderOptions } = {}
) => {
  const history = createMemoryHistory({ initialEntries: [route] });
  const utils = render(<Router history={history}>{ui}</Router>, renderOptions);
  const finishLoading = () =>
    wait(() => expect(utils.queryByText("Loading")).toBeNull());
  return {
    ...utils,
    finishLoading,
    history
  };
};

testUtils.js

import thunk from "redux-thunk";
import configureStore from "redux-mock-store";

export const makeMockStore = configureStore([thunk]);

export const findByTestAttr = (wrapper, val) => {
  return wrapper.find(`[data-test-id="${val}"]`);
};