jamischarles

---
slug: introducing-the-react-testing-library
date: 2019-02-18
title: Introducing the react-testing-library 🐐
description: "NOTE: This is a cross-post from my newsletter. I publish each email two weeks after it’s sent. Subscribe to get more content like this earlier right in your inbox! 💌 Two weeks ago, I wrote a new…"
categories: ['React']
keywords: [React,JavaScript,Testing]
banner: './images/banner.jpg'
---

jamischarles

Projects

• Emulating Space Invaders in React - Chip-8 Emulator
• Export Medium posts to Gatsby
• Order fresh milk in Cambodia - React Native app App Store link
• Downslide - Swift MacOS app that turns Markdown -> Slides
• Rewriting Redux from scratch
• Webpack demos for PS course
• Golang Chat server

jamischarles

// simple example of how to create a function that calls a middleware chain, similar to express middleware

var req = {type: "req"};
var res = {type: "res"};

// 3 middlewares
var first = function(req, res, next) {
	req.first = true; //easy way to verify that all have been executed
	res.first = true;
	return next();

jamischarles

  var http = require('http')

  // Expectation: When I curl localhost:3000, I want to be able to 
  var server = http.createServer(function (req, res) 
      res.statusCode = 200;
      res.write(e.stack); // throws exception
      res.end()
  })

jamischarles

// use this when you can curl an https server, but node request() will return 'econnreset: socket hang up'

var options = {
	url: 'https://some/site',
	method: 'POST',
	// these 3 lines matter
	strictSSL: false,
	secureProtocol: 'TLSv1_method',
	rejectUnhauthorized: false
}

jamischarles

#!/usr/bin/env zsh #adding this to force silly gist highlighting. REMOVE THIS

# ZSH standalone npm install autocompletion. Add this to ~/.zshrc file.
_npm_install_completion() {
	local si=$IFS

	# if 'install' or 'i ' is one of the subcommands, then...
	if [[ ${words} =~ 'install' ]] || [[ ${words} =~ 'i ' ]]; then

		# add the result of `ls ~/.npm` (npm cache) as completion options

jamischarles

#!/usr/bin/env bash #adding this to force silly gist highlighting. REMOVE THIS

# This is a modified version of the script generated by https://docs.npmjs.com/cli/completion to include `npm install` autocompletion.
# Basically we added `if` blocks to check for `install` subcommand.

###-begin-npm-completion-###
#
# npm command completion script
#
# Installation: npm completion >> ~/.bashrc  (or ~/.zshrc)

jamischarles

#!/usr/bin/env bash #adding this to force silly gist highlighting 

# If you are already using npm autocompletion via (https://docs.npmjs.com/cli/completion), I assume that you have some code in
# your .bashrc/.zshrc file. Follow the instruction below to avoid clobbering the npm autocomplete script.


#####################
#### FOR BASH change THIS (in your .bashrc file)
#####################
  IFS=$'\n' COMPREPLY=($(COMP_CWORD="$cword" \

jamischarles

#!/usr/bin/env bash #adding this to force silly gist highlighting. REMOVE THIS

# BASH standalone npm install autocomplete. Add this to ~/.bashrc file.
_npm_install_completion () {
    local words cword
    if type _get_comp_words_by_ref &>/dev/null; then
      _get_comp_words_by_ref -n = -n @ -w words -i cword
    else
      cword="$COMP_CWORD"
      words=("${COMP_WORDS[@]}")

jamischarles

// method shorthand. ES6 version.
{
  initialize() {},
  doSomething() {}
  
}

// replaces (ES5)

{