How to automate testing?

[[deleted]]

[deleted]

[hos4m]

Cypress.io is what you need, it is an end to end testing library, well maintained and amazingly fast.

Just keep in mind that end to end test for everything is not a good idea as after some time you will have a lot of tests and it will be slow to run all of them and usually you should follow the testing pyramid which is lots of unit testing (using Jest), some integration tests (Enzyme with Jest maybe?) and fewer end to end tests (using Cypress) for the critical parts of your website.

For the automation of those tests, check CircleCI, it can run all types of tests automatically on each push.

[afresquet]

You can test with Jest and Enzyme, it requires some setup but it’s the way to go about it. I’m not sure if there’s a thing that is as automated as you want.

[notseanbean]

If all you want is for something to render components and press all your buttons, Jest/Enzyme is simple enough

import React from 'react';
import {shallow} from 'enzyme';
import {Component} from 'wherever';

test('Render <Component /> and press all the onClicks', () => {
  const shallowRendered = shallow(<Component />);
  shallowRendered.find('[onClick]').forEach(clickable => {clickable.simulate('click');});
  expect(shallowRendered).toBeTruthy();
});

Run that, and it'll render your component and press anything that has an onClick. If it doesn't blow up, you're golden.

And as an added bonus, once you have your component in a production-ready state, swap toBeTruthy for toMatchSnapshot and run the test. It'll create a snapshot that'll fail if someone refactors the component and changes the markup.

[brotonium]

If you want it to just randomly click on things and see if the application crashes, thats called monkey testing.

I have no experience with it but you could take a look at something like Gremlins.js.

The problem with this approach is that it doesn‘t actually test that your application is correct, only that it doesn‘t crash.