Rob Mills RobAMills

Idiomatic React Testing Patterns

Testing React components seems simple at first. Then you need to test something that isn't a pure interaction and things seem to break down. These 4 patterns should help you write readable, flexible tests for the type of component you are testing.

Setup

I recommend doing all setup in the most functional way possible. If you can avoid it, don't set variables in a beforeEach. This will help ensure tests are isolated and make things a bit easier to reason about. I use a pattern that gives great defaults for each test example but allows every example to override props when needed:

Option 1: Command-line download extension as zip and extract

extension_id=jifpbeccnghkjeaalbbjmodiffmgedin   # change this ID
curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc" 
unzip -d "$extension_id-source" "$extension_id.zip"

Thx to crxviewer for the magic download URL.

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	// This script shows how to use M language (Power Query Formula Language)
	// to read data from GitHub API v4 using a POST request.
	// This can come in handy when building PowerBI reports that utilize GraphQL endpoints for loading data.

	let
	vUrl = "https://api.github.com/graphql",
	vHeaders =[
	#"Method"="POST",
	#"Content-Type"="application/json",
	#"Authorization"="Bearer <your_personal_token_here>"

	#!/usr/bin/php
	<?php
	declare(strict_types = 1);
	// require_once ('hhb_.inc.php');
	hhb_init ();
	if ($argc !== 3) {
	fprintf ( STDERR, "usage: %s timestamp url\n", $argv [0] );
	fprintf ( STDERR, "example: %s 20091012061648 http://www.p4w.se\n", $argv [0] );
	die ( 1 );
	}

	{
	"AWSEBDockerrunVersion": "1",
	"Image": {
	"Name": "<AWS_ACCOUNT_ID>.dkr.ecr.us-east-1.amazonaws.com/<NAME>:<TAG>",
	"Update": "true"
	},
	"Ports": [
	{
	"ContainerPort": "443"
	}

	#!/usr/bin/env bash

	# Install globally using https://coderwall.com/p/jp7d5q/create-a-global-git-commit-hook
	# The checks are simple and can give false positives. Amend the hook in the specific repository.

	if git rev-parse --verify HEAD >/dev/null 2>&1
	then
	against=HEAD
	else
	# Initial commit: diff against an empty tree object

	1. my+ 1001. se+ 2001. thedaily+ 3001. empire+ 4001. herb+
	2. +online 1002. test+ 2002. giant+ 3002. +cook 4002. +teen
	3. the+ 1003. fish+ 2003. survey+ 3003. +deluxe 4003. affordable+
	4. +web 1004. hk+ 2004. +conference 3004. +crunch 4004. proto+
	5. +media 1005. florida+ 2005. twit+ 3005. michigan+ 4005. +ity
	6. web+ 1006. fine+ 2006. pick+ 3006. cars+ 4006. myhome+
	7. +world 1007. loan+ 2007. +dvd 3007. +forest 4007. plastic+
	8. +net 1008. page+ 2008. cinema+ 3008. yacht+ 4008. +kc
	9. go+ 1009. fox+ 2009. desi+ 3009. +wallet 4009. +foot
	10. +group 1010. +gift 2010. act+ 3010. +contest 4010. +sup

	##################################################################
	### The following parameters are provided by Octopus Deploy. ###
	### Uncomment these with default values for testing. ###
	#################################################################

	#$SSRSReportServerUrl = "http://ssrs/reportserver/reportservice2005.asmx"
	#$SSRSDynamicDataSourceCredentialsUsername = ""
	#$SSRSDynamicDataSourceCredentialsPassword = ""
	#$SSRSReportFolder = "Project Folder"
	#$SSRSSharedDataSourcePath = "/Data Sources/dsShared"

	$OldSource = 'MySQLServer-01'
	$NewSource = 'MySQLServer-02'
	$URL = 'http://ReportServerName/ReportServer/ReportService2010.asmx?wsdl'

	$URI = New-Object System.Uri($URL)
	$SSRS = New-WebServiceProxy -Uri $URI -UseDefaultCredential
	$DataSources = ($SSRS.ListChildren("/data sources", $true)).path

	ForEach($Source in $DataSources){