Resolves #1985

The previous commit changed the config from CJS to ESM which caused
2 tests to fail.
This commit fixes the above issue by replacing 'require' with 'import'
throughout the project

Signed-off-by: shivam <[email protected]>

Author: ShivamMadlani

packages/jaeger-ui/test/babel-transform.js

@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-const babelJest = require('babel-jest').default;
+import babelJest from 'babel-jest';
 
 const babelConfiguration = {
   presets: [

packages/jaeger-ui/test/generic-file-transform.js

@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-const path = require('path');
+import path from 'path';
 
 // Simple Jest transform that stubs out CSS files and returns the file name as the mock content for other file types.
 module.exports = {

packages/jaeger-ui/test/jest-per-test-setup.js

@@ -22,9 +22,9 @@ rafPolyfill();
 global.TextEncoder = TextEncoder;
 
 /* eslint-disable import/no-extraneous-dependencies */
-const Enzyme = require('enzyme');
-const EnzymeAdapter = require('@wojtekmaj/enzyme-adapter-react-17');
-const createSerializer = require('enzyme-to-json').createSerializer;
+import Enzyme from 'enzyme';
+import EnzymeAdapter from '@wojtekmaj/enzyme-adapter-react-17';
+import { createSerializer } from 'enzyme-to-json';
 
 Enzyme.configure({ adapter: new EnzymeAdapter() });
 expect.addSnapshotSerializer(createSerializer({ mode: 'deep' }));

packages/plexus/webpack-factory.js

@@ -14,11 +14,10 @@
 
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable @typescript-eslint/no-var-requires */
-
-const { join } = require('path');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const nodeExternals = require('webpack-node-externals');
+import { join } from 'path';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import nodeExternals from 'webpack-node-externals';
 
 const babelConfigPath = require.resolve('./babel.config');
 

packages/plexus/webpack.dev.config.js

@@ -13,6 +13,6 @@
 // limitations under the License.
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const factory = require('./webpack-factory');
+import factory from './webpack-factory';
 
 module.exports = factory('development');

packages/plexus/webpack.layout-worker.config.js

@@ -13,6 +13,6 @@
 // limitations under the License.
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const factory = require('./webpack-factory');
+import factory from './webpack-factory';
 
 module.exports = factory('layout-worker');

packages/plexus/webpack.umd.config.js

@@ -13,6 +13,6 @@
 // limitations under the License.
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const factory = require('./webpack-factory');
+import factory from './webpack-factory';
 
 module.exports = factory('umd');

scripts/generateDepcheckrcJaegerUI.js

@@ -14,9 +14,9 @@
 
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require('fs');
-const path = require('path');
-const { babelConfiguration } = require('../packages/jaeger-ui/test/babel-transform');
+import fs from 'fs';
+import path from 'path';
+import { babelConfiguration } from '../packages/jaeger-ui/test/babel-transform';
 
 const packageNames = [
   ...babelConfiguration.presets.flatMap(preset => {

scripts/generateDepcheckrcPlexus.js

@@ -14,9 +14,9 @@
 
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require('fs');
-const path = require('path');
-const getBabelConfig = require('../packages/plexus/babel.config');
+import fs from 'fs';
+import path from 'path';
+import getBabelConfig from '../packages/plexus/babel.config';
 
 const babelConfiguration = getBabelConfig({
   env: () => {