Stub context for React Router and Material UI >= 0.8.0

stub_context.js

"use strict";

import React          from "react";
import assign         from "object-assign";

var { func } = React.PropTypes;

var mui = require('material-ui');
var ThemeManager = new mui.Styles.ThemeManager();

export default (Component, props, stubs) => {
  
  function RouterStub(){ }

  assign(RouterStub, {
    makePath(){},
    makeHref(){},
    transitionTo(){},
    replaceWith(){},
    goBack(){},
    getCurrentPath(){},
    getCurrentRoutes(){},
    getCurrentPathname(){},
    getCurrentParams(){},
    getCurrentQuery(){},
    isActive(){},
    getRouteAtDepth(){},
    setRouteComponentAtDepth(){}
  }, stubs);

  class Stubber extends React.Component {
    
    getChildContext(){
      return {
        router: RouterStub,
        routeDepth: 0,
        muiTheme: ThemeManager.getCurrentTheme()
      };
    }

    // Use to get access to the component instance in case you need to spyOn a method of the component.
    originalComponent(){
      return this.refs.originalComponent;
    }

    render(){
      return <Component ref="originalComponent" {...props} />;
    }
  }

  Stubber.childContextTypes = {
    router: React.PropTypes.func,
    routeDepth: React.PropTypes.number,
    muiTheme: React.PropTypes.object
  };

  return Stubber;

};