Adrian Bruinhout webfella

Keybase proof

I hereby claim:

I am webfella on github.
I am webfella (https://keybase.io/webfella) on keybase.
I have a public key whose fingerprint is DCF7 A8C1 1A50 DB72 900A 2978 51E6 3628 EE18 C6B1

To claim this, I am signing this object:

Better Jasmine Tests With `this`

On the Refinery29 Mobile Web Team, codenamed "Bicycle", all of our unit tests are written using Jasmine, an awesome BDD library written by Pivotal Labs. We recently switched how we set up data for tests from declaring and assigning to closures, to assigning properties to each test case's this object, and we've seen some awesome benefits from doing such.

The old way

Up until recently, a typical unit test for us looked something like this:

describe('views.Card', function() {

Atom Clojure Setup

This describes how I setup Atom for an ideal Clojure development workflow. This fixes indentation on newlines, handles parentheses, etc. The keybinding settings for enter (in keymap.cson) are important to get proper newlines with indentation at the right level. There are other helpers in init.coffee and keymap.cson that are useful for cutting, copying, pasting, deleting, and indenting Lisp expressions.

Install Atom

Download Atom

The Atom documentation is excellent. It's highly worth reading the flight manual.

	# small function to use with jquery to shake an element.

	shakeThatBooty = (e, amount, counter) ->
	speed = 50
	if (counter == 0) then return
	e.animate
	right: amount
	, speed, ->
	e.animate
	right: -amount

	<div id="wrapper">
	<div id="container">
	<div id="output"></div>
	<div id="star">
	<div class="trench_wall north"></div>
	<div class="trench_wall"></div>
	<div class="trench_wall south"></div>
	</div>
	</div><!-- container -->
	</div><!-- wrapper -->

	<body class="view-2D zoom-large opening hide-UI">
	<h1>3D CSS Solar System</h1>
	<div id="subnav" class="sub nav">
	<a class="sun" title="sun" href="#sunspeed">Sun</a>
	<a class="mercury" title="mercury" href="#mercuryspeed">Mercury</a>
	<a class="venus" title="venus" href="#venusspeed">Venus</a>
	<a class="earth active" title="earth" href="#earthspeed">Earth</a>
	<a class="mars" title="mars" href="#marsspeed">Mars</a>
	<a class="jupiter" title="jupiter" href="#jupiterspeed">Jupiter</a>
	<a class="saturn" title="saturn" href="#saturnspeed">Saturn</a>

	########################################
	## Set up RVM excluding a custom path ##
	########################################

	# References:
	# http://superuser.com/questions/521657/zsh-automatically-set-environment-variables-for-a-directory
	# http://michael-prokop.at/blog/2009/05/30/directory-specific-shell-configuration-with-zsh/
	# http://www.refining-linux.org/archives/42/ZSH-Gem-8-Hook-function-chpwd/

	# Load RVM into a shell session as a function

	{
	"libs": [
	"browser",
	"jquery"
	],
	"loadEagerly": [
	"./*/.js"
	],
	"plugins": {}
	}

	var _ = require('lodash'),
	browserify = require('browserify'),
	buffer = require('vinyl-buffer'),
	config = require('../../config'),
	gulp = require('gulp'),
	gutil = require('gulp-util'),
	paths = require('../../helpers/paths'),
	rename = require('gulp-rename'),
	source = require('vinyl-source-stream'),
	transform = require('vinyl-transform'),