oieduardorabelo

import renderer from 'react-test-renderer'
import App from '../App'

jest.mock('react-router-dom', () => ({
  Link: 'Link',
  Route: ({ children, ...props }) =>
    typeof children === 'function'
      ? children({ match: path === '/somewhere' })
      : createElement('Route', props)
}))

oieduardorabelo

import renderer from 'react-test-renderer'
import Sidebar from '../Sidebar'

jest.mock('react-router-dom', () => ({
  Link: 'Link',
  Route: ({ children, path }) => children({ match: path === '/somewhere' })
}))

it('should render correctly', () => {
  const component = renderer.create(<Sidebar />)

oieduardorabelo

import renderer from 'react-test-renderer'
import Header from '../Header'
import store from '../store'

jest.mock('react-redux-loading-bar', () => {
  const ReactReduxLoadingBar = require.requireActual('react-redux-loading-bar')

  return {
    // Operação "spread" do módulo original
    ...ReactReduxLoadingBar,

oieduardorabelo

import renderer from 'react-test-renderer'
import Select from '../Select'

jest.mock('react-select', () => {
  const { createElement } = require('react')
  // Perceba que como estamos mockando 'react-select'
  // nós precisamos usar require.requireActual, dentro do nosso mock
  // A melhor analogia aqui é o filme Inception, naquela parte do
  // sonho dentro do sonho, espero que você tenha assistido! :P
  const ReactSelect = require.requireActual('react-select')

oieduardorabelo

import renderer from 'react-test-renderer'
import Sidebar from '../Sidebar'

jest.mock('react-router-dom', () => ({ Link: 'Link' }))

it('should render correctly', () => {
  const component = renderer.create(<Sidebar />)
  expect(component.toJSON()).toMatchSnapshot()
})

oieduardorabelo

import renderer from 'react-test-renderer'
import Sidebar from '../Sidebar'

jest.mock('react-router-dom/Link', () => 'Link')

it('should render correctly', () => {
  const component = renderer.create(<Sidebar />)
  expect(component.toJSON()).toMatchSnapshot()
})