Manjula Subhashchandra Dube manjula-dube

This is a proposal for ReactiveConf 2017 open call for Lightning talks. If you'd like to make this talk happen, please 🌟 this gist and retweet my tweet. 🙏

If you're on your phone, please request the 🖥 desktop site to star this gist 😇

I would talk about some myths on Jest & Enzyme. Moreover to stop the comparison of Jest and Enzyme. Instead would focus on how they can work together to test well your React Components. The talk would focus on "How Jest and Enzyme complement each other" and can help you test React components in a better way.

If you are writing tests: you are already winning.
If you are not writing tests:let me encourage you to start.
Jest.
Snapshot Testing.

(also know as lies and/or alternative facts)

js

setImmediate - doesn't set anything immediately, waits for a tick before executing
setTimeout(fn, n) - never sets the timeout to exactly n
Math.random() - computers cannot generate random numbers
Promise - is a lie when rejected
Array.reduce - accumulates, does not reduce (via @sbmadhav)

	// Only display content to screen readers
	//
	// See: http://a11yproject.com/posts/how-to-hide-content/
	// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/

	.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;

	!(function(e) {
	function t(t) {
	for (var n, l, i = t[0], a = t[1], f = t[2], d = 0, p = []; d < i.length; d++)
	(l = i[d]), u[l] && p.push(u[l][0]), (u[l] = 0);
	for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (e[n] = a[n]);
	for (c && c(t); p.length; ) p.shift()();
	return o.push.apply(o, f \|\| []), r();
	}
	function r() {
	for (var e, t = 0; t < o.length; t++) {

	!(function(e) {
	function t(t) {
	for (var r, a, c = t[0], l = t[1], i = t[2], s = 0, p = []; s < c.length; s++)
	(a = c[s]), o[a] && p.push(o[a][0]), (o[a] = 0);
	for (r in l) Object.prototype.hasOwnProperty.call(l, r) && (e[r] = l[r]);
	for (f && f(t); p.length; ) p.shift()();
	return u.push.apply(u, i \|\| []), n();
	}
	function n() {
	for (var e, t = 0; t < u.length; t++) {

	const myArray = ['manjula','26','Software Engineer']
	myArray[2] = myArray

	const myArray1 = [ 1 , 'a' , { data : 'manjula'}]
	myArray1[2].parent = myArray1

	function encodeCycles(input) {

	if(typeof input !== 'object') {
	return input

	// use this format since .eslintrc is deprecated.
	// You can logically derive this format.

	module.exports = {
	parser: 'babel-eslint',
	extends: [
	'plugin:flowtype/recommended',
	'plugin:jest/recommended',
	'plugin:react/recommended',
	'eslint-config-airbnb',

	//I wanted a more elegant linkedlist example than the others, so purely for academic purposes I created one.

	var LinkedList = function(e){

	var that = {}, first, last;

	that.push = function(value){
	var node = new Node(value);
	if(first == null){
	first = last = node;