Framework: Update code to work with Babel 7 (#7832)

* Framework: Update code to work with Babel 7

* Testing: Fix failing test caused by Babel and Jest upgrade

* Packages: Use consistent version of babel-core package

* Build: Execute `npm run build` only on one container on Travis

* Packages: Minor tweaks to the configuration of packages

* Packages: Prepare changelogs for the upcoming release

* Tests: Fix failing tests after Babel 7 migration

* Packages: Follow sem for internal packages

* Packages: Update CHANGELOG files with heading tweaks

babel.config.js

@@ -0,0 +1,29 @@
+module.exports = function( api ) {
+	api.cache( true );
+
+	return {
+		presets: [ '@wordpress/babel-preset-default' ],
+		plugins: [
+			[
+				'@wordpress/babel-plugin-import-jsx-pragma',
+				{
+					scopeVariable: 'createElement',
+					source: '@wordpress/element',
+					isDefault: false,
+				},
+			],
+		],
+		env: {
+			production: {
+				plugins: [
+					[
+						'@wordpress/babel-plugin-makepot',
+						{
+							output: 'languages/gutenberg.pot',
+						},
+					],
+				],
+			},
+		},
+	};
+};

bin/packages/build.js

@@ -11,7 +11,7 @@
 const fs = require( 'fs' );
 const path = require( 'path' );
 const glob = require( 'glob' );
-const babel = require( 'babel-core' );
+const babel = require( '@babel/core' );
 const chalk = require( 'chalk' );
 const mkdirp = require( 'mkdirp' );
 

bin/packages/get-babel-config.js

@@ -1,18 +1,18 @@
 /**
  * External dependencies
  */
-const { isArray, map } = require( 'lodash' );
-const babelPresetEnv = require( 'babel-preset-env' );
+const { get, map } = require( 'lodash' );
+const babel = require( '@babel/core' );
 
 /**
  * WordPress dependencies
  */
-const babelDefaultConfig = require( '@wordpress/babel-preset-default' );
-
+const { options: babelDefaultConfig } = babel.loadPartialConfig( {
+	configFile: '@wordpress/babel-preset-default',
+} );
 const plugins = babelDefaultConfig.plugins;
-
 if ( ! process.env.SKIP_JSX_PRAGMA_TRANSFORM ) {
-	plugins.push( [ require( '@wordpress/babel-plugin-import-jsx-pragma' ).default, {
+	plugins.push( [ '@wordpress/babel-plugin-import-jsx-pragma', {
 		scopeVariable: 'createElement',
 		source: '@wordpress/element',
 		isDefault: false,
@@ -24,13 +24,12 @@ const babelConfigs = {
 		{},
 		babelDefaultConfig,
 		{
-			babelrc: false,
 			plugins,
 			presets: map( babelDefaultConfig.presets, ( preset ) => {
-				if ( isArray( preset ) && preset[ 0 ] === babelPresetEnv ) {
-					return [ babelPresetEnv, Object.assign(
+				if ( get( preset, [ 'file', 'request' ] ) === '@babel/preset-env' ) {
+					return [ '@babel/preset-env', Object.assign(
 						{},
-						preset[ 1 ],
+						preset.options,
 						{ modules: 'commonjs' }
 					) ];
 				}
@@ -42,7 +41,6 @@ const babelConfigs = {
 		{},
 		babelDefaultConfig,
 		{
-			babelrc: false,
 			plugins,
 		}
 	),

codecov.yml

@@ -7,7 +7,3 @@ coverage:
     patch: off
 
 comment: false
-
-ignore:
-  - "packages/is-shallow-equal/benchmark/*"
-

editor/components/block-edit/test/edit.js

@@ -42,7 +42,7 @@ describe( 'Edit', () => {
 
 		const wrapper = shallow( <Edit name="core/test-block" /> );
 
-		expect( wrapper.find( edit ) ).toBePresent();
+		expect( wrapper.find( edit ) ).toExist();
 	} );
 
 	it( 'should use save implementation of block as fallback', () => {
@@ -55,7 +55,7 @@ describe( 'Edit', () => {
 
 		const wrapper = shallow( <Edit name="core/test-block" /> );
 
-		expect( wrapper.find( save ) ).toBePresent();
+		expect( wrapper.find( save ) ).toExist();
 	} );
 
 	it( 'should combine the default class name with a custom one', () => {

editor/components/block-settings-menu/test/shared-block-convert-button.js

@@ -13,7 +13,7 @@ describe( 'SharedBlockConvertButton', () => {
 		const wrapper = shallow(
 			<SharedBlockConvertButton isVisible={ false } />
 		);
-		expect( wrapper.children() ).toBeEmpty();
+		expect( wrapper.children() ).not.toExist();
 	} );
 
 	it( 'should allow converting a static block to a shared block', () => {

editor/components/default-block-appender/test/__snapshots__/index.js.snap

@@ -14,20 +14,23 @@ exports[`DefaultBlockAppender should append a default block when input focused 1
         "calls": Array [
           Array [],
         ],
+        "results": undefined,
       }
     }
     onFocus={
       [MockFunction] {
         "calls": Array [
           Array [],
         ],
+        "results": undefined,
       }
     }
     onKeyDown={
       [MockFunction] {
         "calls": Array [
           Array [],
         ],
+        "results": undefined,
       }
     }
     readOnly={true}

editor/components/inserter/test/menu.js

@@ -193,7 +193,7 @@ describe( 'InserterMenu', () => {
 		expect( visibleBlocks.at( 1 ).text() ).toBe( 'A Text Embed' );
 
 		const noResultsMessage = wrapper.find( '.editor-inserter__no-results' );
-		expect( noResultsMessage ).toBeEmpty();
+		expect( noResultsMessage ).not.toExist();
 	} );
 
 	it( 'should show shared items in the shared tab', () => {
@@ -222,7 +222,7 @@ describe( 'InserterMenu', () => {
 		expect( visibleBlocks.at( 0 ).text() ).toBe( 'My shared block' );
 
 		const noResultsMessage = wrapper.find( '.editor-inserter__no-results' );
-		expect( noResultsMessage ).toBeEmpty();
+		expect( noResultsMessage ).not.toExist();
 	} );
 
 	it( 'should show the common category blocks', () => {
@@ -253,7 +253,7 @@ describe( 'InserterMenu', () => {
 		expect( visibleBlocks.at( 2 ).text() ).toBe( 'Some Other Block' );
 
 		const noResultsMessage = wrapper.find( '.editor-inserter__no-results' );
-		expect( noResultsMessage ).toBeEmpty();
+		expect( noResultsMessage ).not.toExist();
 	} );
 
 	it( 'should disable items with `isDisabled`', () => {
@@ -308,7 +308,7 @@ describe( 'InserterMenu', () => {
 		expect( visibleBlocks.at( 2 ).text() ).toBe( 'A Text Embed' );
 
 		const noResultsMessage = wrapper.find( '.editor-inserter__no-results' );
-		expect( noResultsMessage ).toBeEmpty();
+		expect( noResultsMessage ).not.toExist();
 	} );
 
 	it( 'should trim whitespace of search terms', () => {