javascript - Jest + React 没有方法 'mountComponentIntoNode'

Question

我对 React 和 Jest 都是新手，我以为我有一个相当简单的组件，但我不断收到此错误，而且我在 GitHub 上的问题中没有看到任何相关信息，只有一个特定于 React 的问题，而不是 Jest 问题这里。完整错误为:TypeError: Object <UserInfo /> has no method 'mountComponentIntoNode'

react 代码

/** @jsx React.DOM */
var React = require('react');
var Router = require('react-nested-router');

var user = require('../lib/stores/user');

/**
 * UserInfo
 *
 * Form for user's personal information.
**/
var UserInfo = React.createClass({
  handleSubmit: function(event) {
    event.preventDefault();

    user.firstName = this.refs.firstName.getDOMNode().value;
    user.lastName = this.refs.lastName.getDOMNode().value;
    user.dateOfBirth = this.refs.dob.getDOMNode().value;
    user.ssn = this.refs.ssn.getDOMNode().value;

    Router.transitionTo('/contact-info');
  },

  render: function() {
    return (
      <section>
        <form onSubmit={this.handleSubmit}>
          <label class="first-name-label" htmlFor="first-name">First Name</label>
          ... lots of inputs and labels ...
        </form>
      </section>
    );
  }
});

module.exports = UserInfo;

Jest 代码

/** @jsx React.DOM */
jest.dontMock('../application/views/user-info.jsx');
var React = require('react/addons');
var UserInfo = require('../application/views/user-info.jsx');
var TestUtils = React.addons.TestUtils;

describe('UserInfo', function () {
  it('example test only', function () {
    var userinfo = '<UserInfo />'
    TestUtils.renderIntoDocument(userinfo);
  });
});

Answer 1

啊!我想我终于明白了。我不小心有<UserInfo />在一个字符串中!

describe('UserInfo', function () {
  it('example test only', function () {
    var userinfo = <UserInfo />
    TestUtils.renderIntoDocument(userinfo);
  });
});

以上作品!