preferred testing methods for ReactJS?

Question

Having just scoped our first serious React with NodeJs project we're re-evaluating our testing processes. FYI we're traditionally we're an Angular based agency running a Jasmine/Karma etc setup taking out first - excited - steps into ReactJS.

We've had several approaches suggested, generally a Mocha framework based with JsDOM combined with Chai / Mockery / ShouldJS etc.

But newer players of which we've no experience have been suggested like Tape, Jest

Then there's the upcoming Shallow Rendering feature which sounds great but is it stable and usuable with current limitations - is anyone using it yet? there was an interesting read on another thread earlier this year.

Do people generally still use Selenium for React projects or stick with what they can do inside Mocha or are there preferred alternatives? This topic alone seems to have almost marmite advise.

I realise that there are multiple testing routes and 'right tools' for the job, especially when considering things like:

state testing
event simulation
shallow rendering
utility testing
real DOM
etc

So any community insight and experience input into preferred flows would be much appreciated!

It's "Shallow" not "Swallow" :)

Tom
– Tom

2015-11-23 15:36:16 +00:00
Commented Nov 23, 2015 at 15:36 — Tom
– Tom, Commented Nov 23, 2015 at 15:36
good spot, amusing image!

Rich
– Rich

2015-11-23 15:38:25 +00:00
Commented Nov 23, 2015 at 15:38 — Rich
– Rich, Commented Nov 23, 2015 at 15:38

Tom · Accepted Answer · 2015-11-23 15:40:03Z

1

We've been using jasmine/karma with mocha reporting perfectly fine with React. We found jest to be slow even with a small number of tests.

With React's TestUtils, you can easily test event simulation, e.g.

TestUtils.Simulation.click(element, eventObj);

Testing component state is as easy as:

expect(component.state.myValue).toBe("hello");

Setup isn't that much different as you would with Angular.

answered Nov 23, 2015 at 15:40

Tom

2,6813 gold badges25 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rich Over a year ago

thanks, good to know, but it's a shame to hear that about Jest as the automocking feature alone looked promising and, well, I guess I assumed Facebook would have given it the same level of support / headturning status as React enjoyed

Collectives™ on Stack Overflow

preferred testing methods for ReactJS?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related