How to test the onClick routing event using Jest/Enzyme?

Question

I have a button with Link tag and routes to a new url and content onClick, basically calls a function.

I wanted to know if I can test whether the url is changed/new content is displayed post click, but I am not able to do so with 'simulate'. Is it possible to check that using jest/enzyme?

Have you tried to check the `window.location` like in: https://stackoverflow.com/questions/50977862/how-to-test-url-change-with-jest — Maciej Trojniarz, Sep 12 '19 at 06:31
yea, but post simulate, the url is not changing in the test. — CVKM, Sep 12 '19 at 06:49
https://stackoverflow.com/questions/54775748/testing-click-behavior-on-react-router-links-with-enzyme — Maciej Trojniarz, Sep 12 '19 at 07:05

score 0 · Answer 1 · answered Sep 12 '19 at 06:58

0

I view you can test that using E2E testing.

I prefer https://www.cypress.io/, it is very easy for testing URL changing.

cy.getByTestId('your_button')
  .click()
  .url()
  .should('include', 'expected_url')

FYI: https://docs.cypress.io/api/commands/url.html#No-Args

answered Sep 12 '19 at 06:58

Thaddeus Jiang

172
1
8

Thanks, I will try and let you know. – CVKM Sep 12 '19 at 07:55

How to test the onClick routing event using Jest/Enzyme?

1 Answers1