browserifyツールを使用しない反応アプリケーションがあります。Reactで呼び出されたreact js libのスクリプトによって変数がエクスポートされることを意味します<head>。
// React variable is already available
var MyComponent = React.createClass({});
このコンポーネントを実装した後、テストを作成したいと考えています。Jest のドキュメントを見て、コンポーネント テストを作成しました。
/** @jsx React.DOM */
jest.dontMock('../compiled_jsx/components/my-component.js');
describe('MyComponent', function() {
it('The variables are being passed to component', function() {
var React = require('react/addons');
// In the `MyComponent` import I got the error below:
// ReferenceError: /compiled_jsx/components/my-component.js: React is not defined
var myComponent = require('../compiled_jsx/components/my-component.js');
});
Jest ドキュメントの例では、コンポーネントとそのテストの両方でrequire関数を使用してReact変数を取得しています。
React変数をコンポーネントに公開する方法はありますか? または、このテストを作成するために browserify を使用する必要がありますか?