Question

我正在尝试测试反应组件，这是测试

jest.dontMock('../js/components/Navigation.js');
var React = require('react/addons');
var Navigation = require('../js/components/Navigation.js');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var Link = require('react-router').Link;
TestUtils = React.addons.TestUtils;

describe('Navigation', function() {

 var NavElement = TestUtils.renderIntoDocument(
    <Navigation items={['nav1', 'nav2', 'nav3']} />
  );

  var items = TestUtils.scryRenderedDOMComponentsWithTag(NavElement, 'li');


  it('renders each item as a li', function() {
    expect(items.length).toEqual(3);


  });


});

这是组件

var React = require('react');
var Router = require('react-router').Router;
var Link = require('react-router').Link;
var RouteHandler = require('react-router').RouteHandler;    

var Navigation = React.createClass({
    render: function() {
        return (
            <div>
            <header>
            <ul>
            <li><Link to="nav1">nav1</Link></li>
            <li><Link to="nav2">nav2</Link></li>
            <li><Link to="nav3">nav3</Link></li>
            </ul>
            </header>
            <RouteHandler />
            </div>
            );
        }
    });

当我跑'npm test＆＃39;我得到以下arning和错误警告：React.createElement：type不应为null，undefined，boolean或number。它应该是一个字符串（对于DOM元素）或一个ReactClass（对于复合组件）。

  - Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

我错过了什么？

我尝试删除并重新绑定节点模块也尝试导入为

var Navigation = require('../js/components/Navigation.js').default;

并使用

modules.export = Navigation;

Answer 1

您的组件是否

module.exports = App;

部分

看起来您可能没有正确导入

您还需要在组件文件中导入Link和RouteHandler组件，位于导入React的位置。

使用React组件进行Jest测试失败

1 个答案: