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()
})

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 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 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 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 App from '../App'

// O snapshot gerado é extamente igual ao exemplo anterior
// É possível sobrescrever o nosso mock padrão
// usando o mesmo método jest.mock, caso esse teste
// precise de um comportamento diferente

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

oieduardorabelo

{
  "jest": {
    "setupFiles": [
      "<rootDir>/test-setup.js"
    ]
  }
}

oieduardorabelo

{
  "jest": {
    "setupFiles": [
      "<rootDir>/test-setup.js"
    ]
  }
}

oieduardorabelo

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

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

  // getInstance está retornando o objeto `this` que você tem no seu componente
  // significando que todos os métodos que você tem no seu componente, podem ser
  // acesso aqui, incluindo props!