AE-2164: Fix imports in Jest tests using es modules by setting etp-fr…

…ont project to type module in package.json

- Configuration files that are common js instead of es modules renamed to cjs to support this change
- Configure webpack to not require file extensions in imports

etp-front/.dockerignore

@@ -9,14 +9,14 @@
 !.storybook/
 !__snapshots__/
 
-!babel.config.js
+!babel.config.cjs
 !fill-sv-localization.js
 !init-mocha.js
 !jsconfig.json
 !modheaders.json
-!postcss.config.js
-!svelte.config.js
+!postcss.config.cjs
+!svelte.config.cjs
 !tailwind.config.js
-!webpack.config.js
+!webpack.config.cjs
 
 !run-visual-tests.sh

etp-front/babel.config.js → etp-front/babel.config.cjs

@@ -4,7 +4,7 @@ module.exports = {
       '@babel/preset-env',
       {
         useBuiltIns: 'usage',
-        corejs: 3
+        corejs: 3,
       }
     ]
   ],

etp-front/package.json

@@ -17,6 +17,7 @@
     "build:docs": "jsdoc -r -c ./jsdoc/conf.json",
     "watch:docs": "nodemon --exec npm run build:docs --watch src"
   },
+  "type": "module",
   "browserslist": [
     "defaults"
   ],

etp-front/webpack.config.js → etp-front/webpack.config.cjs

@@ -63,12 +63,18 @@ module.exports = {
     rules: [
       {
         test: /\.m?js$/,
+        resolve: {
+          fullySpecified: false
+        },
         exclude: /node_modules/,
         include: [path.resolve(__dirname, 'src'), /svelte/],
         use: ['babel-loader']
       },
       {
         test: /\.svelte$/,
+        resolve: {
+          fullySpecified: false
+        },
         include: [path.resolve(__dirname, 'src'), /svelte/],
         use: [
           'babel-loader',