Я пытаюсь протестировать компонент реакции, вот тест
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», я получаю следующее предупреждение и предупреждение об ошибке: React.createElement: тип не должен быть нулевым, неопределенным, логическим или числовым. Это должна быть строка (для элементов 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;