どうやって私的な反応コンポーネントをテストするのですか

Question

私は最近、反応プロジェクトでまだES6を使用していない仕事を取った。私はES6の背景を持っていて、ES6を使わずにテストする方法を理解できない大きなファイルを書きました。

基本的には、主に7つ程度のプライベートコンポーネントがあり、そのコンポーネントは読みやすさ、テスト、パフォーマンスのために別々のコンポーネントとして構築されています。ここで

を（プライベートコンポーネントにすべきコンポーネントのアップデートが大きな後押しで持つことができることは）私の問題です：

私のプライベートコンポーネントをエクスポートせずに、私はテストにそれらを書くための方法を見つける傾けます。

我々はES6を使用していないので、私は

export default MyComponent 
export PrivateComponent1 
export PrivateComponent2 

構文を使用しカント、単一のファイルから複数のコンポーネントをエクスポートする私の知っている唯一の方法は、しかし、これを

exports.MyComponent = MyComponent 
exports.PrivateComponent1 = PrivateComponent1 
exports.PrivateComponent2 = PrivateComponent2 

を使用することですいいえ私は使用する必要がある声明の中で

const MyComponent = require('MyComponent').MyComponent 

理想的に私は何かを使用したいと思いますike：

module.exports = MyComponent 
exports.PrivateComponent1 = PrivateComponent1 
exports.PrivateComponent2 = PrivateComponent2 

しかし、それは有効ではないようです。

さらに、これを別々のファイルに分割しないことをお勧めします。これは私がTDDをやっていないために得るものです:(

Answer 1

CommonJSモジュール

module.exports = MyComponent 
exports.PrivateComponent1 = PrivateComponent1 
exports.PrivateComponent2 = PrivateComponent2 

exportsがmodule.exportsへのエイリアスであるとexportsウォンでmodule.exportsプロパティを設定した後のでことはできませんそれ

...

「デフォルト」のプロパティを作成するには、どのトランスヒーラー（Babel）を使用しますか。

ES2015

ので、ES2015に次のコード：

'use strict'; 

Object.defineProperty(exports, "__esModule", { 
    value: true 
}); 
exports.Bar = undefined; 

var _anotherModule = require('./anotherModule'); 

var _anotherModule2 = _interopRequireDefault(_anotherModule); 

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 

var Foo = function Foo() { 
    _classCallCheck(this, Foo); 
}; 

exports.default = Foo; 

var Bar = exports.Bar = function Bar() { 
    _classCallCheck(this, Bar); 
}; 

お知らせラインexports.default = Foo;とvar Bar = exports.Bar = ...：

import AnotherModule from './anotherModule'; 

export default class Foo {} 

export class Bar {} 

はにtranspiledされます。

ES2015を使用せずに別のファイルにモジュールをインポートするには、var Foo = require('./myPreviousModule').defaultを使用します。

Babelは、ノードCommonJSモジュールとES2015モジュールを同じ方法でインポートできるように、interop関数（関数_interopRequireDefaultを参照）を作成します。