elliotlarson

const newCharacters = characters.concat(maude);

elliotlarson

const newCharacters = [...characters, maude];

elliotlarson

const characters = ["Walter", "Jeffrey", "Donald"];
const maude = "Maude";

elliotlarson

const newCharacters = [...characters, "Maude"];
stateChanges.push(newCharacters);
// stateChanges:
// [
//   ["Walter", "Jeffrey", "Donald"],
//   ["Walter", "Jeffrey", "Donald", "Maude"],
// ]

elliotlarson

characters.push("Maude");
stateChanges.push(characters);
// stateChanges:
// [
//   ["Walter", "Jeffrey", "Donald", "Maude"],
//   ["Walter", "Jeffrey", "Donald", "Maude"],
// ]

elliotlarson

const stateChanges = [characters]; // start with the initial state

elliotlarson

let characters = ["Walter", "Jeffrey", "Donald"];

elliotlarson

import { reducer, actions } from "./characters";

it("creates a character", () => {
  const newCharacter = { id: 42, firstName: "Jeffrey", lastName: "Lebowski" };
  const action = actions.create(newCharacter);
  const state = reducer(undefined, action);
  expect(state.byId[42]).toEqual(newCharacter);
  expect(state.allIds).toEqual([42]);
});

elliotlarson

// This is a Jest spec that explores some of the different ways to alter
// arrays and objects without mutating state.  I'm trying different approaches
// available using:
//
// * Vanilla JS
// * Immutable.js
// * Lodash
// * Rambda
//
// The motivation for this is largely to work with a Redux store.

elliotlarson

require 'capybara'
require 'pry'

Capybara.register_driver :selenium do |app|
  Capybara::Selenium::Driver.new(app, browser: :chrome)
end

Capybara.default_driver = :selenium

browser = Capybara.current_session