test: more

Author: alexander-akait

packages/create-webpack-app/src/generators/init/default.ts

@@ -190,6 +190,7 @@ export default async function defaultInitGenerator(plop: NodePlopAPI) {
           ),
           fileType: file.fileType,
           data: answers,
+          force: answers.force,
         });
       }
 

packages/create-webpack-app/src/generators/init/react.ts

@@ -210,6 +210,7 @@ export default async function reactInitGenerator(plop: NodePlopAPI) {
           ),
           fileType: file.fileType,
           data: answers,
+          force: answers.force,
         });
       }
 

packages/create-webpack-app/src/generators/init/svelte.ts

@@ -197,6 +197,7 @@ export default async function svelteInitGenerator(plop: NodePlopAPI) {
           ),
           fileType: file.fileType,
           data: answers,
+          force: answers.force,
         });
       }
 

packages/create-webpack-app/src/generators/init/vue.ts

@@ -219,6 +219,7 @@ export default async function vueInitGenerator(plop: NodePlopAPI) {
           ),
           fileType: file.fileType,
           data: answers,
+          force: answers.force,
         });
       }
 

packages/create-webpack-app/src/index.ts

@@ -105,6 +105,7 @@ program
           {
             ...initValues[templateOption],
             projectPath,
+            force,
           },
           {
             onSuccess: onSuccessHandler,

packages/create-webpack-app/src/types.ts

@@ -1,6 +1,6 @@
 import { type ActionType as ActionTypeBase, type CustomActionConfig } from "node-plop";
 
-export type Answers = { projectPath?: string } & Record<string, unknown>;
+export type Answers = { force?: boolean; projectPath?: string } & Record<string, unknown>;
 export type LoaderAnswers = { name: string; projectPath: string } & Record<string, unknown>;
 export type PluginAnswers = { name: string; projectPath: string } & Record<string, unknown>;
 

test/create-webpack-app/init/__snapshots__/init.test.js.snap.webpack5

@@ -363,6 +363,172 @@ const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
+const config = {
+    entry: './src/index.js',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+    },
+    devServer: {
+        open: true,
+        host: 'localhost',
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: 'index.html',
+        }),
+
+        // Add your plugins here
+        // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+    ],
+    module: {
+        rules: [
+            {
+                test: /\\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+                type: 'asset',
+            },
+            
+            {
+                test: /\\.html$/i,
+                use: ['html-loader'],
+            },
+
+            // Add your rules for custom modules here
+            // Learn more about loaders from https://webpack.js.org/loaders/
+        ],
+    },
+};
+
+module.exports = () => {
+    if (isProduction) {
+        config.mode = 'production';
+        
+        
+        config.plugins.push(new WorkboxWebpackPlugin.GenerateSW());
+        
+    } else {
+        config.mode = 'development';
+    }
+    return config;
+};
+"
+`;
+
+exports[`create-webpack-app cli should generate default project when nothing is passed and override when content exist 1`] = `
+{
+  "description": "My webpack project",
+  "devDependencies": {
+    "html-loader": "x.x.x",
+    "html-webpack-plugin": "x.x.x",
+    "webpack": "x.x.x",
+    "webpack-cli": "x.x.x",
+    "webpack-dev-server": "x.x.x",
+    "workbox-webpack-plugin": "x.x.x",
+  },
+  "name": "webpack-project",
+  "scripts": {
+    "build": "webpack --mode=production --config-node-env=production",
+    "build:dev": "webpack --mode=development",
+    "serve": "webpack serve",
+    "watch": "webpack --watch",
+  },
+  "version": "1.0.0",
+}
+`;
+
+exports[`create-webpack-app cli should generate default project when nothing is passed and override when content exist 2`] = `
+"// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+
+/** @type {import("webpack").Configuration} */
+const config = {
+    entry: './src/index.js',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+    },
+    devServer: {
+        open: true,
+        host: 'localhost',
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: 'index.html',
+        }),
+
+        // Add your plugins here
+        // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+    ],
+    module: {
+        rules: [
+            {
+                test: /\\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+                type: 'asset',
+            },
+            
+            {
+                test: /\\.html$/i,
+                use: ['html-loader'],
+            },
+
+            // Add your rules for custom modules here
+            // Learn more about loaders from https://webpack.js.org/loaders/
+        ],
+    },
+};
+
+module.exports = () => {
+    if (isProduction) {
+        config.mode = 'production';
+        
+        
+        config.plugins.push(new WorkboxWebpackPlugin.GenerateSW());
+        
+    } else {
+        config.mode = 'development';
+    }
+    return config;
+};
+"
+`;
+
+exports[`create-webpack-app cli should generate default project when nothing is passed and override when content exist 3`] = `
+{
+  "description": "My webpack project",
+  "devDependencies": {
+    "html-loader": "x.x.x",
+    "html-webpack-plugin": "x.x.x",
+    "webpack": "x.x.x",
+    "webpack-cli": "x.x.x",
+    "webpack-dev-server": "x.x.x",
+    "workbox-webpack-plugin": "x.x.x",
+  },
+  "name": "webpack-project",
+  "scripts": {
+    "build": "webpack --mode=production --config-node-env=production",
+    "build:dev": "webpack --mode=development",
+    "serve": "webpack serve",
+    "watch": "webpack --watch",
+  },
+  "version": "1.0.0",
+}
+`;
+
+exports[`create-webpack-app cli should generate default project when nothing is passed and override when content exist 4`] = `
+"// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+
 /** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',

test/create-webpack-app/init/init.test.js

@@ -85,6 +85,38 @@ describe("create-webpack-app cli", () => {
     expect(readFromWebpackConfig(dir)).toMatchSnapshot();
   });
 
+  it("should generate default project when nothing is passed and override when content exist", async () => {
+    const { stdout } = await run(dir, ["init", "--force"]);
+
+    expect(stdout).toContain("Project has been initialised with webpack!");
+    expect(stdout).toContain("webpack.config.js");
+    // Test files
+    for (const file of defaultTemplateFiles) {
+      expect(existsSync(resolve(dir, file))).toBeTruthy();
+    }
+
+    // Check if the generated package.json file content matches the snapshot
+    expect(readFromPkgJSON(dir)).toMatchSnapshot();
+
+    // Check if the generated webpack configuration matches the snapshot
+    expect(readFromWebpackConfig(dir)).toMatchSnapshot();
+
+    const { stdout: nextStdout } = await run(dir, ["init", "--force"]);
+
+    expect(nextStdout).toContain("Project has been initialised with webpack!");
+    expect(nextStdout).toContain("webpack.config.js");
+    // Test files
+    for (const file of defaultTemplateFiles) {
+      expect(existsSync(resolve(dir, file))).toBeTruthy();
+    }
+
+    // Check if the generated package.json file content matches the snapshot
+    expect(readFromPkgJSON(dir)).toMatchSnapshot();
+
+    // Check if the generated webpack configuration matches the snapshot
+    expect(readFromWebpackConfig(dir)).toMatchSnapshot();
+  });
+
   it("should generate project when generationPath is supplied", async () => {
     const { stdout } = await run(__dirname, ["init", dir, "--force"]);