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 use a pattern that is repeatable and readable for the type of test you need.
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
| /** | |
| * Annotated Gruntfile. | |
| * This builds a Backbone/Marionette application using Dust.js (Linkedin fork) as a | |
| * templating system, as well as some helpers from Foundation, with Browserify. | |
| * It also configures a watcher and static server with live reload. | |
| */ | |
| module.exports = function (grunt) { | |
| // This automatically loads grunt tasks from node_modules | |
| require("load-grunt-tasks")(grunt); |
Why Should I Care (For Developers)
"Docker interests me because it allows simple environment isolation and repeatability. I can create a run-time environment once, package it up, then run it again on any other machine. Furthermore, everything that runs in that environment is isolated from the underlying host (much like a virtual machine). And best of all, everything is fast and simple."
| This is a method to using your Ubuntu 12.04 server without the Unity desktop on a very fast remote desktop program. This is by far the best method to managing your Ubuntu server if you like GUI. | |
| apt-get install --no-install-recommends ubuntu-desktop | |
| apt-get --yes purge unity unity-2d unity-2d-places unity-2d-panel unity-2d-spread | |
| apt-get --yes purge unity-asset-pool unity-services unity-lens-* unity-scope-* | |
| apt-get --yes purge liboverlay-scrollbar* | |
| apt-get --yes purge appmenu-gtk appmenu-gtk3 appmenu-qt | |
| apt-get --yes purge firefox-globalmenu thunderbird-globalmenu | |
| apt-get --yes purge unity-2d-common unity-common | |
| apt-get --yes purge libunity-misc4 libunity-core-5* |
| <html> | |
| <head> | |
| <title>Swimlane using d3.js</title> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script> | |
| <script type="text/javascript" src="randomData.js"></script> | |
| <style> | |
| .chart { | |
| shape-rendering: crispEdges; | |
| } |
| ;(function() { | |
| var api = {}, | |
| $response = $('#response'); | |
| $('#ajaxForm').on('submit', function(e) { | |
| e.preventDefault(); | |
| var search = $('#title').val(); | |
| $response.empty().addClass('loading'); | |
| if (!api[search]) { | |
| api[search] = $.ajax({ |
| (function () { | |
| App.Views.PopoverView = Backbone.View.extend({ | |
| initialize: function (options) { | |
| _.bindAll(this, "render", "setContent", "show", "hide", "toggle", "destroy", "remove"); | |
| this.offsetTop = 30; | |
| this.offsetLeft = 0; |
| # Setup dir and repo | |
| mkdir underscore-string | |
| cd underscore-string | |
| git init | |
| # Make some files we'll need | |
| touch README.md package.js smart.json | |
| # Add the submodule and checkout the desired branch | |
| git submodule add git://github.com/epeli/underscore.string.git lib/underscore.string |
| #!/usr/bin/env python | |
| from __future__ import with_statement # needed for python 2.5 | |
| from fabric.api import * | |
| from fabric.contrib.console import confirm | |
| from fabric.contrib import files | |
| USAGE = """ | |
| ================================================================ | |
| NOTE: | |
| using this fabfile expects that you have the python utility |