unit-test-handlers.js

/** @jsx React.DOM */
function makeStubbedDescriptor(component, props, contextStubs) {
  var TestWrapper = React.createClass({
    childContextTypes: {
      currentPath: React.PropTypes.string,
      makePath: React.PropTypes.func.isRequired,
      makeHref: React.PropTypes.func.isRequired,
      transitionTo: React.PropTypes.func.isRequired,
      replaceWith: React.PropTypes.func.isRequired,
      goBack: React.PropTypes.func.isRequired,
      isActive: React.PropTypes.func.isRequired,
      activeRoutes: React.PropTypes.array.isRequired,
      activeParams: React.PropTypes.object.isRequired,
      activeQuery: React.PropTypes.object.isRequired,
      location: React.PropTypes.object,
      routes: React.PropTypes.array.isRequired,
      namedRoutes: React.PropTypes.object.isRequired,
      scrollBehavior: React.PropTypes.object
    },

    getChildContext: function() {
      return merge({
        currentPath: '__STUB__',
        makePath: function() {},
        makeHref: function() { return '__STUB__'; },
        transitionTo: function() {},
        replaceWith: function() {},
        goBack: function() {},
        isActive: function() {},
        activeRoutes: [],
        activeParams: {},
        activeQuery: {},
        location: {},
        routes: [],
        namedRoutes: {},
        scrollBehavior: {}
      }, contextStubs);
    },

    render: function() {
      this.props.ref = '__subject__';
      return component(this.props);
    }
  });

  return TestWrapper(props);
}

// usage
var component = React.renderComponent(makeStubbedDescriptor(App, {}), document.body);
// do stuff with component now and the router isn't in your way

This requires a merge function which I put at the top of the inside of the makeStubbedDescriptor function.

  function merge(obj1, obj2) {
      var obj3 = {};
      for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
      for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
      return obj3;
  }

You can also require the merge packaged with React: var merge = require('react/lib/merge')

I added this:

routeHandlers: React.PropTypes.array.isRequired,
getRouteAtDepth: React.PropTypes.func.isRequired,
getRouteComponents: React.PropTypes.func.isRequired,
getCurrentParams: React.PropTypes.func.isRequired

and this:

routeHandlers: [{}],
getRouteAtDepth: function() {},
getRouteComponents: function() { return {}; },
getCurrentParams: function() {}

to make it work with RouteHandler and State mixins.

Its works, but I receive warnings

Warning: Required context `getCurrentPath` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentRoutes` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentPathname` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentQuery` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentPath` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentRoutes` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentPathname` was not specified in `Link`. Check the render method of `TargetScan`.
Warning: Required context `getCurrentQuery` was not specified in `Link`. Check the render method of `TargetScan`.

Can you suggest what to do?