Unit Testing your React / Redux app (@BucharestJS)
•
0 likes•262 views
React and Redux took the world by storm. These JavaScript libraries allow you to write applications consisting of reusable components while avoiding bugs related to side-effects. But I suspect that developers do not unit test their React/Redux code. Or at least not as much as they could. During this talk, I will showcase the unit tests we have written for our eventriX product. These tests run fast and cover the most important aspects of our client-side code running in the browser. These practical real-world examples could inspire you to write more and better unit tests for your own React/Redux application.
Report
Share
More Related Content
What's hot
What's hot (20)
Similar to Unit Testing your React / Redux app (@BucharestJS)
Similar to Unit Testing your React / Redux app (@BucharestJS) (20)
More from Alin Pandichi
More from Alin Pandichi (12)
Recently uploaded
Recently uploaded (20)
Unit Testing your React / Redux app (@BucharestJS)
- 8. Jest: Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. describe('Welcome (Snapshot)', () => { it('Welcome renders hello world', () => { const json = renderer.create(<Welcome />).toJSON(); expect(json).toMatchSnapshot(); }); });
- 10. Mocha is a JavaScript test framework running on Node.js and in the browser. var assert = require('assert'); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value is not present', function() { assert.equal(-1, [1,2,3].indexOf(4)); }); }); });
- 12. Sinon.js spies, stubs and mocks for JavaScript. Works with any unit testing framework. it('makes a GET request for todo items', function () { sinon.stub(jQuery, 'ajax'); getTodos(42, callbackFunction); assert(jQuery.ajax.calledWithMatch({ url: '/todo/42/items' })); });
- 16. To recap... ● I wouldn’t recommend Jest ● I’d rather use: Enzyme + Mocha + Chai + Sinon ● Try to test the ES6 classes rather than the React components