Update Babel to 7, fix tests

Author: sugarshin

.babelrc

@@ -1,12 +1,9 @@
 {
-  "presets": ["es2016", "es2015", "react"],
-  "plugins": ["transform-flow-strip-types", "transform-class-properties", "transform-object-rest-spread"],
+  "presets": ["@babel/preset-es2016", "@babel/preset-es2015", "@babel/preset-react", "@babel/preset-stage-2"],
+  "plugins": ["@babel/plugin-transform-flow-strip-types"],
   "env": {
     "development": {
       "plugins": ["react-hot-loader/babel"]
-    },
-    "test": {
-      "plugins": ["rewire"]
     }
   }
 }

package.json

@@ -45,19 +45,18 @@
     "union-class-names": "^1.0.0"
   },
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
+    "@babel/cli": "^7.0.0-beta.36",
+    "@babel/core": "^7.0.0-beta.36",
+    "@babel/plugin-transform-flow-strip-types": "^7.0.0-beta.36",
+    "@babel/polyfill": "^7.0.0-beta.36",
+    "@babel/preset-es2015": "^7.0.0-beta.36",
+    "@babel/preset-es2016": "^7.0.0-beta.36",
+    "@babel/preset-react": "^7.0.0-beta.36",
+    "@babel/preset-stage-2": "^7.0.0-beta.36",
+    "babel-core": "^7.0.0-0",
     "babel-eslint": "^8.1.2",
     "babel-jest": "^22.0.4",
-    "babel-loader": "^7.1.2",
-    "babel-plugin-rewire": "^1.1.0",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-flow-strip-types": "^6.22.0",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-es2016": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
+    "babel-loader": "^8.0.0-beta.0",
     "coveralls": "^3.0.0",
     "css-loader": "^0.28.7",
     "draft-js": "~0.10.4",
@@ -79,6 +78,7 @@
     "react-ghfork": "^0.5.1",
     "react-hot-loader": "^3.1.3",
     "react-test-renderer": "^16.2.0",
+    "regenerator-runtime": "^0.11.1",
     "style-loader": "^0.19.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",

test/Button/index-test.js

@@ -4,6 +4,8 @@ import { CHECKABLE_LIST_ITEM } from 'draft-js-checkable-list-item'
 import { shallow } from 'enzyme'
 import Button from '../../src/Button'
 
+jest.unmock('draft-js-checkable-list-item')
+
 describe('<Button />', () => {
   it('render with default icon', () => {
     expect(

test/__mocks__/draft-js-checkable-list-item.js

@@ -0,0 +1,8 @@
+export const CheckableListItemUtils = {
+  onTab(e, editorState) {
+    if (editorState.param === 0) {
+      return editorState
+    }
+    return {}
+  }
+}

test/blockStyleFn-test.js

@@ -2,6 +2,8 @@ import { ContentBlock } from 'draft-js'
 import { CHECKABLE_LIST_ITEM } from 'draft-js-checkable-list-item'
 import blockStyleFn from '../src/blockStyleFn'
 
+jest.unmock('draft-js-checkable-list-item')
+
 describe('blockStyleFn', () => {
   it('return value is `checkable-list-item` ', () => {
     const block = new ContentBlock({ key: 'item0', type: CHECKABLE_LIST_ITEM })

test/createBlockRenderMap-test.js

@@ -1,6 +1,8 @@
 import { CHECKABLE_LIST_ITEM, UNORDERED_LIST_ITEM } from 'draft-js-checkable-list-item'
 import createBlockRenderMap, { wrapper } from '../src/createBlockRenderMap'
 
+jest.unmock('draft-js-checkable-list-item')
+
 describe('createBlockRenderMap', () => {
   it('return default blockRenderMap', () => {
     const ret = createBlockRenderMap({ sameWrapperAsUnorderedListItem: false })

test/createBlockRendererFn-test.js

@@ -3,6 +3,8 @@ import { Map } from 'immutable'
 import { CheckableListItem, CHECKABLE_LIST_ITEM } from 'draft-js-checkable-list-item'
 import createBlockRendererFn from '../src/createBlockRendererFn'
 
+jest.unmock('draft-js-checkable-list-item')
+
 describe('createBlockRendererFn', () => {
   it('render `checkable-list-item` block', () => {
     const block = new ContentBlock({ key: 'item0', type: CHECKABLE_LIST_ITEM, data: Map({ checked: true }) })

test/createOnTab-test.js

@@ -1,23 +1,10 @@
 import createOnTab from '../src/createOnTab'
 
+jest.mock('draft-js-checkable-list-item')
+
 describe('onTab', () => {
   const config = { maxDepth: 4 }
 
-  const mockOnTab = (e, editorState) => {
-    if (editorState.param === 0) {
-      return editorState
-    }
-    return {}
-  }
-
-  beforeEach(() => {
-    createOnTab.__Rewire__('CheckableListItemUtils', { onTab: mockOnTab })
-  })
-
-  afterEach(() => {
-    createOnTab.__ResetDependency__('CheckableListItemUtils')
-  })
-
   it('return value is `function` ', () => {
     const ret = createOnTab(config)
     expect(typeof ret).toBe('function')

test/index-test.js

@@ -1,6 +1,8 @@
 import { Map } from 'immutable'
 import createPlugin from '../src'
 
+jest.unmock('draft-js-checkable-list-item')
+
 describe('createPlugin', () => {
   it('create plugin', () => {
     const ret = createPlugin({})

webpack.config.js

@@ -13,7 +13,7 @@ const htmlWebpackPluginConfig = {
 }
 
 const entry = [
-  'babel-polyfill',
+  '@babel/polyfill',
   './example/index.js',
 ]