Merge pull request marmelab#58 from marmelab/speedup_jest_tests

[RFR] Speed up jest tests

Author: manuquentin

Makefile

@@ -26,8 +26,24 @@ stop-test-server: test-server.PID
 
 run-test-e2e: start-test-server test-e2e stop-test-server
 
-test-unit:
-	@./node_modules/jest-cli/bin/jest.js
+test-unit-init:
+	./node_modules/babel/bin/babel/index.js app --out-dir src --stage 1 --compact false > /dev/null
+	mv node_modules/react-medium-editor node_modules/react-medium-editor_es6
+	./node_modules/babel/bin/babel/index.js node_modules/react-medium-editor_es6 --out-dir node_modules/react-medium-editor --stage 1 --compact false > /dev/null
+	mv node_modules/admin-config node_modules/admin-config_es6
+	./node_modules/babel/bin/babel/index.js node_modules/admin-config_es6 --out-dir node_modules/admin-config --stage 1 --compact false > /dev/null
+
+test-unit-clean:
+	rm -rf node_modules/react-medium-editor
+	rm -rf node_modules/admin-config
+	rm -rf ./src
+	mv node_modules/react-medium-editor_es6 node_modules/react-medium-editor
+	mv node_modules/admin-config_es6 node_modules/admin-config
+
+test-unit-run:
+	@./node_modules/jest-cli/bin/jest.js src
+
+test-unit: test-unit-init test-unit-run test-unit-clean
 
 test-e2e:
 	@./node_modules/protractor/bin/protractor protractor.conf.js

README.md

@@ -112,3 +112,9 @@ Launch the entire tests suite by calling:
 ```sh
 make test
 ```
+
+Run only one unit test by calling, for example:
+
+```
+./node_modules/jest-cli/bin/jest.js -c jest.json app/__tests__/autoloaderTest.js
+```

app/Component/Button/__tests__/MaBackButtonTest.js

@@ -1,13 +1,9 @@
 jest.autoMockOff();
 
 describe('MaBackButton', () => {
-    let React, TestUtils, MaBackButton;
-
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaBackButton = require('../MaBackButton');
-    });
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaBackButton = require('../MaBackButton');
 
     describe('With good props', () => {
         it('Should display label and size', () => {

app/Component/Button/__tests__/MaCreateButtonTest.js

@@ -2,13 +2,9 @@ jest.autoMockOff();
 jest.setMock('react-router', {Link : require('../__mocks__/Link')});
 
 describe('MaCreateButton', () => {
-    let React, TestUtils, MaCreateButton;
-
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaCreateButton = require('../MaCreateButton');
-    });
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaCreateButton = require('../MaCreateButton');
 
     describe('With good props', () => {
         it('Should display label and size', () => {
@@ -21,7 +17,7 @@ describe('MaCreateButton', () => {
 
         it('Should redirect to the create route', () => {
             let createButton = TestUtils.renderIntoDocument(<MaCreateButton entityName={'MyEntity'} label={'Hello'} size={'xs'} />);
-            createButtonNode = React.findDOMNode(createButton);
+            let createButtonNode = React.findDOMNode(createButton);
 
             expect(createButtonNode.attributes['data-click-to'].value).toEqual('');
 

app/Component/Button/__tests__/MaDeleteButtonTest.js

@@ -1,14 +1,14 @@
 jest.autoMockOff();
-jest.setMock('react-router', {Link : require('../__mocks__/Link')});
+jest.setMock('react-router', { Link : require('../__mocks__/Link') });
 
 describe('MaDeleteButton', () => {
-    let React, TestUtils, MaDeleteButton, entry;
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaDeleteButton = require('../MaDeleteButton');
 
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaDeleteButton = require('../MaDeleteButton');
+    let entry;
 
+    beforeEach(() => {
         entry = {
             identifierValue: 23
         };
@@ -25,7 +25,7 @@ describe('MaDeleteButton', () => {
 
         it('Should redirect to the create route', () => {
             let deleteButton = TestUtils.renderIntoDocument(<MaDeleteButton entityName={'MyEntity'} entry={entry} label={'Hello'} size={'xs'} />);
-            deleteButtonNode = React.findDOMNode(deleteButton);
+            let deleteButtonNode = React.findDOMNode(deleteButton);
 
             expect(deleteButtonNode.attributes['data-click-to'].value).toEqual('');
 

app/Component/Button/__tests__/MaEditButtonTest.js

@@ -2,13 +2,13 @@ jest.autoMockOff();
 jest.setMock('react-router', {Link : require('../__mocks__/Link')});
 
 describe('MaEditButton', () => {
-    let React, TestUtils, MaEditButton, entry;
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaEditButton = require('../MaEditButton');
 
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaEditButton = require('../MaEditButton');
+    let entry;
 
+    beforeEach(() => {
         entry = {
             identifierValue: 23
         };

app/Component/Button/__tests__/MaListButtonTest.js

@@ -2,13 +2,9 @@ jest.autoMockOff();
 jest.setMock('react-router', {Link : require('../__mocks__/Link')});
 
 describe('MaListButton', () => {
-    let React, TestUtils, MaListButton;
-
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaListButton = require('../MaListButton');
-    });
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaListButton = require('../MaListButton');
 
     describe('With good props', () => {
         it('Should display label', () => {

app/Component/Button/__tests__/MaShowButtonTest.js

@@ -2,12 +2,13 @@ jest.autoMockOff();
 jest.setMock('react-router', {Link : require('../__mocks__/Link')});
 
 describe('MaShowButton', () => {
-    let React, TestUtils, MaShowButton, entry;
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const MaShowButton = require('../MaShowButton');
+
+    let entry;
 
     beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        MaShowButton = require('../MaShowButton');
 
         entry = {
             identifierValue: 23

app/Component/Column/__tests__/BooleanColumnTest.js

@@ -1,13 +1,9 @@
 jest.autoMockOff();
 
 describe('BooleanColumn', () => {
-    let React, TestUtils, BooleanColumn;
-
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        BooleanColumn = require('../BooleanColumn');
-    });
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const BooleanColumn = require('../BooleanColumn');
 
     it('should get a span with correct class depending of Column value', () => {
         [true, false].forEach((booleanValue) => {

app/Component/Column/__tests__/ColumnTest.js

@@ -1,7 +1,18 @@
 jest.autoMockOff();
 
 describe('Column', () => {
-    let React, TestUtils, Column, Field, NumberField, Entity, FieldViewConfiguration, StringFieldView, NumberFieldView;
+    const React = require('react/addons');
+    const TestUtils = React.addons.TestUtils;
+    const Column = require('../Column');
+    const Field = require('admin-config/lib/Field/Field');
+    const NumberField = require('admin-config/lib/Field/NumberField');
+    const Entity = require('admin-config/lib/Entity/Entity');
+    const FieldViewConfiguration = require('../../../Field/FieldViewConfiguration');
+    const StringFieldView = require('../../../Field/StringFieldView');
+    const NumberFieldView = require('../../../Field/NumberFieldView');
+
+    FieldViewConfiguration.registerFieldView('string', StringFieldView);
+    FieldViewConfiguration.registerFieldView('number', NumberFieldView);
 
     function getColumn(field, entity, entry, dataStore, configuration) {
         const col = TestUtils.renderIntoDocument(<Column field={field} entity={entity} entry={entry}
@@ -10,20 +21,6 @@ describe('Column', () => {
         return React.findDOMNode(col);
     }
 
-    beforeEach(() => {
-        React = require('react/addons');
-        TestUtils = React.addons.TestUtils;
-        Column = require('../Column');
-        Field = require('admin-config/lib/Field/Field');
-        NumberField = require('admin-config/lib/Field/NumberField');
-        Entity = require('admin-config/lib/Entity/Entity');
-        FieldViewConfiguration = require('../../../Field/FieldViewConfiguration');
-        StringFieldView = require('../../../Field/StringFieldView');
-        NumberFieldView = require('../../../Field/NumberFieldView');
-
-        FieldViewConfiguration.registerFieldView('string', StringFieldView);
-        FieldViewConfiguration.registerFieldView('number', NumberFieldView);
-    });
 
     it('should display a string field', () => {
         const field = new Field('name');