TDD / BDD with React.js?

javascript tdd reactjs bdd jestjs
cmdv picture cmdv · Jul 10, 2015 · Viewed 11k times · Source

Really not that much information out there on this subject.

I gather Jest would be the Facebook recommended test environment and obviously there are plenty of other testing frameworks which is irrelevant as I'm trying to obtain a list of TDD/BDD examples in React.js.

Does anyone have tutorials / videos / repos / slides to help others and my self learn how TDD/BDD would be accomplished with React.js?

This Question has been put on hold due to being "off-topic", did feel it would help lots of people and is a very good question but some (non react members) feel that's not the case.

So instead of killing this question off!! I've started a Git Repo and put the list of links we have so far + others that have been contributed on there. If anyone would like to contribute please send PR or add in comments bellow I'll keep adding them to the list.

TDD / BDD React REPO

Answer

knowbody picture knowbody · Jul 10, 2015

Those helped me get started:

Also worth looking at Shallow Rendering

Related questions

JavaScript unit test tools for TDD

I've looked into and considered many JavaScript unit tests and testing tools, but have been unable to find a suitable option to remain fully TDD compliant. So, is there a JavaScript unit test tool that is fully TDD compliant?

Read More
How can I test that a value is "greater than or equal to" in Jasmine?

I want to confirm that a value is a decimal (or 0), so the number should be greater than or equal to zero and less than 1. describe('percent',function(){ it('should be a decimal', function() { var percent = insights.percent; expect(percent).…

Read More
Using object types with Jasmine's toHaveBeenCalledWith method

I've just started using Jasmine so please forgive the newbie question but is it possible to test for object types when using toHaveBeenCalledWith? expect(object.method).toHaveBeenCalledWith(instanceof String); I know I could this but it's checking the return value …

Read More