Refactor file namings

babel.config.js

@@ -1,25 +1,25 @@
 /* eslint-env node */
 
 module.exports = (api) => {
-  const mode = process.env.NODE_ENV ?? 'production';
+  const mode = process.env.NODE_ENV ?? "production";
 
   // This caches the Babel config by environment.
   api.cache.using(() => mode);
 
   return {
     presets: [
       [
-        '@babel/preset-env',
+        "@babel/preset-env",
         {
           targets: {
-            browsers: ['>1%', 'last 4 versions', 'not ie < 9'],
+            browsers: [">1%", "last 4 versions", "not ie < 9"],
           },
-          useBuiltIns: 'usage',
+          useBuiltIns: "usage",
           debug: false,
           corejs: 3,
         },
       ],
-      '@babel/preset-react',
+      "@babel/preset-react",
       [
         "@babel/typescript",
         {
@@ -29,13 +29,13 @@ module.exports = (api) => {
       ],
     ],
     plugins: [
-      '@babel/plugin-syntax-dynamic-import',
-      '@babel/plugin-proposal-class-properties',
-      '@babel/plugin-proposal-export-namespace-from',
-      '@babel/plugin-proposal-throw-expressions',
-      '@babel/proposal-object-rest-spread',
+      "@babel/plugin-syntax-dynamic-import",
+      "@babel/plugin-proposal-class-properties",
+      "@babel/plugin-proposal-export-namespace-from",
+      "@babel/plugin-proposal-throw-expressions",
+      "@babel/proposal-object-rest-spread",
       // Applies the react-refresh Babel plugin on non-production modes only
-      mode !== 'production' && 'react-refresh/babel',
+      mode !== "production" && mode !== "test" ? "react-refresh/babel" : null,
     ].filter(Boolean),
   };
-};
+};