Testing with Jest: Tip #2

Sidebar-test.jsx

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

Sidebar.jsx

import { Link } from 'react-router-dom'

export default () =>
  <ul>
    <li><Link to="/">Home</Link></li>
    <li><Link to="/about">About</Link></li>
    <li><Link to="/topics">Topics</Link></li>
  </ul>