sebabouche/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Object Assign and Spread to return a new javascript object">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://wzrd.in/standalone/expect@latest"></script>
  <script src="https://wzrd.in/standalone/deep-freeze@latest"></script>
</head>
<body>

<script id="jsbin-javascript">
'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

console.clear();
console.log('Running...');

var toggleTodo = function toggleTodo(todo) {
  return _extends({}, todo, {
    completed: !todo.completed
  });
};

var testToggleTodo = function testToggleTodo() {
  var todoBefore = {
    id: 0,
    text: 'Learn Redux',
    completed: false
  };
  var todoAfter = {
    id: 0,
    text: 'Learn Redux',
    completed: true
  };

  deepFreeze(todoBefore);
  deepFreeze(todoAfter);

  expect(toggleTodo(todoBefore)).toEqual(todoAfter);

  expect(toggleTodo(todoAfter)).toEqual(todoBefore);
};

testToggleTodo();
console.log('Passed');
</script>


<script id="jsbin-source-javascript" type="text/javascript">console.clear()
console.log('Running...')

const toggleTodo = (todo) => {
  return {
    ...todo,
    completed: !todo.completed
  }
}

const testToggleTodo = () => {
  const todoBefore = {
    id: 0,
    text: 'Learn Redux',
    completed: false
  }
  const todoAfter = {
    id: 0,
    text: 'Learn Redux',
    completed: true
  }

  deepFreeze(todoBefore)
  deepFreeze(todoAfter)

  expect(
    toggleTodo(todoBefore)
  ).toEqual(todoAfter)

  expect(
    toggleTodo(todoAfter)
  ).toEqual(todoBefore)
}

testToggleTodo()
console.log('Passed')</script></body>
</html>

## jsbin.hujiqa.js
'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

console.clear();
console.log('Running...');

var toggleTodo = function toggleTodo(todo) {
  return _extends({}, todo, {
    completed: !todo.completed
  });
};

var testToggleTodo = function testToggleTodo() {
  var todoBefore = {
    id: 0,
    text: 'Learn Redux',
    completed: false
  };
  var todoAfter = {
    id: 0,
    text: 'Learn Redux',
    completed: true
  };

  deepFreeze(todoBefore);
  deepFreeze(todoAfter);

  expect(toggleTodo(todoBefore)).toEqual(todoAfter);

  expect(toggleTodo(todoAfter)).toEqual(todoBefore);
};

testToggleTodo();
console.log('Passed');
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Object Assign and Spread to return a new javascript object">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://wzrd.in/standalone/expect@latest"></script>
	<script src="https://wzrd.in/standalone/deep-freeze@latest"></script>
	</head>
	<body>

	<script id="jsbin-javascript">
	'use strict';

	var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

	console.clear();
	console.log('Running...');

	var toggleTodo = function toggleTodo(todo) {
	return _extends({}, todo, {
	completed: !todo.completed
	});
	};

	var testToggleTodo = function testToggleTodo() {
	var todoBefore = {
	id: 0,
	text: 'Learn Redux',
	completed: false
	};
	var todoAfter = {
	id: 0,
	text: 'Learn Redux',
	completed: true
	};

	deepFreeze(todoBefore);
	deepFreeze(todoAfter);

	expect(toggleTodo(todoBefore)).toEqual(todoAfter);

	expect(toggleTodo(todoAfter)).toEqual(todoBefore);
	};

	testToggleTodo();
	console.log('Passed');
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">console.clear()
	console.log('Running...')

	const toggleTodo = (todo) => {
	return {
	...todo,
	completed: !todo.completed
	}
	}

	const testToggleTodo = () => {
	const todoBefore = {
	id: 0,
	text: 'Learn Redux',
	completed: false
	}
	const todoAfter = {
	id: 0,
	text: 'Learn Redux',
	completed: true
	}

	deepFreeze(todoBefore)
	deepFreeze(todoAfter)

	expect(
	toggleTodo(todoBefore)
	).toEqual(todoAfter)

	expect(
	toggleTodo(todoAfter)
	).toEqual(todoBefore)
	}

	testToggleTodo()
	console.log('Passed')</script></body>
	</html>