test: add tests for entry level useBabelConfig

Author: swashata

packages/scripts/__tests__/config/CreateWebpackConfig.spec.ts

@@ -1,7 +1,9 @@
+import webpack from 'webpack';
 import webpackMerge from 'webpack-merge';
 import { CreateWebpackConfig } from '../../src/config/CreateWebpackConfig';
 import { ProjectConfig } from '../../src/config/project.config.default';
 import { initConfig, projectConfig, serverConfig } from '../helpers/testConfig';
+import { findWpackIoBabelOnTJs } from '../helpers/testUtils';
 
 jest.mock('webpack-merge');
 ((webpackMerge as unknown) as jest.Mock).mockImplementation(() => ({
@@ -23,6 +25,62 @@ describe('CreateWebpackConfig', () => {
 		expect(cwc).not.toBeFalsy();
 	});
 
+	test('entry level useBabelConfig overrides project level config', () => {
+		const newProjectConfig = { ...projectConfig };
+		newProjectConfig.files = [
+			{
+				name: 'config1',
+				entry: { foo: 'bar.js', biz: ['baz.js'] },
+				useBabelConfig: false,
+			},
+		];
+		newProjectConfig.useBabelConfig = true;
+		const config = new CreateWebpackConfig(
+			newProjectConfig,
+			serverConfig,
+			'/foo/bar',
+			true
+		).getWebpackConfig() as webpack.Configuration;
+		const module = config.module;
+		if (Array.isArray(module.rules)) {
+			const jsTsRules = findWpackIoBabelOnTJs(module);
+			expect(jsTsRules).toHaveLength(2);
+			jsTsRules.forEach(rule => {
+				if (rule && rule.use && rule.use[0].options) {
+					expect(rule.use[0].options).toHaveProperty('babelrc', false);
+					expect(rule.use[0].options).toHaveProperty('configFile', false);
+				} else {
+					throw new Error('JavaScript rule is undefined');
+				}
+			});
+		} else {
+			throw new Error('Invalid module.rules');
+		}
+		newProjectConfig.files[0].useBabelConfig = true;
+		newProjectConfig.useBabelConfig = false;
+		const config2 = new CreateWebpackConfig(
+			newProjectConfig,
+			serverConfig,
+			'/foo/bar',
+			true
+		).getWebpackConfig() as webpack.Configuration;
+		const module2 = config2.module;
+		if (Array.isArray(module2.rules)) {
+			const jsTsRules = findWpackIoBabelOnTJs(module2);
+			expect(jsTsRules).toHaveLength(2);
+			jsTsRules.forEach(rule => {
+				if (rule && rule.use && rule.use[0].options) {
+					expect(rule.use[0].options).not.toHaveProperty('babelrc', false);
+					expect(rule.use[0].options).not.toHaveProperty('configFile', false);
+				} else {
+					throw new Error('JavaScript rule is undefined');
+				}
+			});
+		} else {
+			throw new Error('Invalid module.rules');
+		}
+	});
+
 	describe('getWebpackConfig & isMultiCompiler', () => {
 		test('works with single-compiler mode', () => {
 			const multiProjectConfig: ProjectConfig = {

packages/scripts/__tests__/helpers/testConfig.ts

@@ -7,7 +7,9 @@ import {
 	serverConfigDefault,
 } from '../../src/config/server.config.default';
 // Create separate configuration for easy use within every test
+// eslint-disable-next-line import/no-mutable-exports
 export let projectConfig: ProjectConfig;
+// eslint-disable-next-line import/no-mutable-exports
 export let serverConfig: ServerConfig;
 export const initConfig = (): void => {
 	projectConfig = {

site/docs/apis/project-configuration.md

@@ -46,6 +46,8 @@ module.exports = {
 			optimizeForGutenberg: false,
 			// Extra webpack config to be passed directly
 			webpackConfig: undefined,
+			// override project `useBabelConfig` for this entry
+			useBabelConfig: undefined,
 		},
 		// If has more length, then multi-compiler
 		{
@@ -100,6 +102,13 @@ module.exports = {
 		...defaults,
 		plugins: ['react-hot-loader/babel'],
 	}),
+	// configure how node_modules is compiled
+	compileNodeModules: {
+		// compile node_modules in development
+		dev: true,
+		// compile node_modules in production
+		prod: true,
+	},
 	// Files that you want to copy to your ultimate theme/plugin package
 	// Supports glob matching from minimatch
 	// @link <https://github.com/isaacs/minimatch#usage>
@@ -147,13 +156,13 @@ A configuration object for banner put above all minified code.
 
 It has the following properties:
 
--   `name` (`string`): Name of application.
--   `author` (`string`): Author of application.
--   `version` (`string`): Version of application.
--   `link` (`string`): Homepage link of application.
--   `license` (`string`): License of application.
--   `copyrightText` (`string`): Additional copyright text.
--   `credit` (`boolean`): Whether to give wpackio a little credit ❤️.
+- `name` (`string`): Name of application.
+- `author` (`string`): Author of application.
+- `version` (`string`): Version of application.
+- `link` (`string`): Homepage link of application.
+- `license` (`string`): License of application.
+- `copyrightText` (`string`): Additional copyright text.
+- `credit` (`boolean`): Whether to give wpackio a little credit ❤️.
 
 ## `files` (`Array`)