개인 반응 구성 요소를 테스트하는 방법

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 모듈을 수행하지 무엇을 얻을 것입니다

exports가 module.exports 및 exports원에 등록 module.exports을 설정 한 후 별칭이기 때문에 가능하지

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

"transporter"(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은 사용자가 Node CommonJS 모듈과 ES2015 모듈을 동일한 방식으로 가져올 수 있도록 interop 함수 (_interopRequireDefault 참조)를 만듭니다.