Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

TDD / BDD with React.js? [closed]

Tags:

javascript

tdd

reactjs

jestjs

bdd

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

like image 441
cmdv Avatar asked Jul 10 '15 09:07

cmdv

People also ask

Is TDD possible with React?

Upon completion, you will be able to: Use TDD to develop a React app. Test a React app with Enzyme and Jest. Write and use CSS variables for reuse and responsive design.

Can we use TDD and BDD together?

Short answer, yes.

Is BDD a replacement for TDD?

Not at all. BDD is just a variant of TDD. In TDD, you formulate your requirements as an executable test, then write the production code to fulfill the test.

Is BDD better than TDD?

It's important to note that BDD and TDD aren't mutually exclusive — many Agile teams use TDD without using BDD. However, BDD ensures that most use cases of the application work on a higher level and provide a greater level of confidence.

1 Answers

Those helped me get started:

  • React TDD Guide
  • Using Test Driven Development with React.js to Add Multi-Select to the Drag and Drop Component
  • React TDD Example: Unit Testing and Building a React Component With Jest, Gulp and React Test Utils
  • Testing Flux Applications
  • Awesome React - testing

Also worth looking at Shallow Rendering

like image 101
knowbody Avatar answered Sep 20 '22 14:09

knowbody
Sign in to Comment

Related questions

How is asynchronous javascript interpreted and executed in Node.js?
iOS Safari/Chrome - Unwanted scrolling when focusing an input inside the modal
How do you refactor JavaScript, HTML, CSS, etc? [closed]
How to start writing Gnome Shell extensions
What is the best way to preload multiple images in JavaScript?
Using bootstrap-modal as Backbone.js view
Need to change this JQuery code to check for element existence prior to processing [duplicate]
Can I catch an error from async without using await?
How to trigger an ‘isTrusted=true’ click event using JavaScript?
Specify code to run before any Jest setup happens
How do I load google maps external javascript after page loads?
React.js how to pass callbacks to child components?
Aligning multiple div boxes horizontally and vertically
How to paste on click? It works in google docs
Error: require() of ES modules is not supported when importing node-fetch
Can .js file "include" another .js file [duplicate]
Warning: connect.session() MemoryStore is not designed for a production environment, as it will leak memory, and will not scale past a single process
Executing asynchronous calls in a synchronous manner
How is JavaScript library bloat mitigated with Web Components?
Is it possible to use ES6 in a Chrome Extension?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!