Using Jest to test a Link from react-router v4

by

You can wrap your component in the test with the StaticRouter to get the router context into your component:

import React from 'react';
import renderer from 'react-test-renderer';
import { Link } from 'react-router-dom';
import { StaticRouter } from 'react-router'

test('Link matches snapshot', () => {
  const component = renderer.create(
    <StaticRouter location="someLocation" context={context}>
      <Link to="#" />
    </StaticRouter>
  );

  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});

Have a look at the react router docs about testing

More Related Contents:

  1. How to get query parameters in react-router v4
  2. Nested Routes in React Router v4
  3. How to Access History Object Outside of a React Component
  4. Programmatically Navigate using react-router
  5. How to push to History in React Router v4?
  6. Passing custom props to router component in react-router v4
  7. Nested routes with react router v4 / v5
  8. How to implement authenticated routes in React Router 4?
  9. React Router with optional path parameter
  10. Programmatically navigating in React-Router v4
  11. React Router v4 – How to get current route?
  12. Detect Route Change with react-router
  13. React doesn’t reload component data on route param change or query change
  14. Alternate way for optional parameters in v6
  15. Simple Conditional Routing in Reactjs
  16. Can I set a base route in react-router
  17. How do I add an active class to a Link from React Router?
  18. Forcing a React-Router to load a page, even if we’re already on that page
  19. getting 404 for links with create-react-app deployed to github pages
  20. Nested Routes not rendering with React Router v4
  21. Refresh previous screen on goBack()
  22. onEnter not called in React-Router
  23. React Router: Cannot read property ‘pathname’ of undefined
  24. Use history.push in action creator with react-router-v4?
  25. is there a way to set a default route with React-Router v6
  26. Detect change in query param react-router-dom v4.x and re-render component
  27. React Router 4 Nested Routes not rendering
  28. How to test components using new react router hooks?
  29. React router 4 does not update view on link, but does on refresh
  30. isActive style in react-router v.6

Leave a Comment