我在过去使用旧版本的react-router时遇到了这个问题,我解决了使用： stubRouterContext一种访问组件实例的hacky方式(使用参考号： https://github.com/reactjs/react-router/issues/1140#issuecomment-113174774)

我认为这将在未来有所改善,但我与react-router 2.0打同一面(我不是说这是react-router的一个问题,但因为它使用了上下文,它会影响我的测试).所以,我有一个组件使用上下文将新状态推入url this.context.router.push(…)这是现在的方法
https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#programmatic-navigation

我告诉jest.dontMock(‘react-router’)但我的测试将失败：

TypeError：无法读取未定义的属性“push”

发生这种情况是因为TestUtils.renderIntodocument返回的实例将具有：

context：Object {router：undefined}

现在,这里真正的问题是什么？是Jest吗？我很确定我不是唯一一个遇到这种情况的人,自stubRouterContext以来它不再是在反应路由器的official docs中,是否有任何广泛接受的解决方案？

我如何使测试工作？这基本上具有正确的上下文,并且能够从TestUtils.renderIntodocument返回的组件实例访问所有内容.

我正在使用react 0.14.7,jest-cli 0.8.2和react-router 2.0.

这是我最终为我的上下文相关组件设置的设置(当然,为了简单起见,简化了)：

// dontmock.config.js contains jest.dontMock('components/Breadcrumbs')
// to avoid issue with hoisting of import operators,which causes 
// jest.dontMock() to be ignored

import dontmock from 'dontmock.config.js';
import React from "react";
import { Router,createMemoryHistory } from "react-router";
import TestUtils from "react-addons-test-utils";

import Breadcrumbs from "components/Breadcrumbs";

// Create history object to operate with in non-browser environment
const history = createMemoryHistory("/products/product/12");

// Setup routes configuration.
// JSX would also work,but this way it's more convenient to specify custom 
// route properties (excludes,localized labels,etc..).
const routes = [{
  path: "/",component: React.createClass({
    render() { return <div>{this.props.children}</div>; }
  }),childRoutes: [{
    path: "products",component: React.createClass({
      render() { return <div>{this.props.children}</div>; }
    }),childRoutes: [{
      path: "product/:id",component: React.createClass({
        // Render your component with contextual route props or anything else you need
        // If you need to test different combinations of properties,then setup a separate route configuration.
        render() { return <Breadcrumbs routes={this.props.routes} />; }
      }),childRoutes: []
    }]
  }]
}];

describe("Breadcrumbs component test suite:",() => {
  beforeEach(function() {
    // Render the entire route configuration with Breadcrumbs available on a specified route
    this.component = TestUtils.renderIntodocument(<Router routes={routes} history={history} />);
    this.componentNode = ReactDOM.findDOMNode(this.component);
    this.breadcrumbNode = ReactDOM.findDOMNode(this.component).querySelector(".breadcrumbs");
  });

  it("should be defined",function() {
    expect(this.breadcrumbNode).tobedefined();
  });

  /**
   * Now test whatever you need to
   */