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', () => {