test: added

Author: alexander-akait

packages/create-webpack-app/tsconfig.json

@@ -1,6 +1,5 @@
 {
   "extends": "../../tsconfig.json",
-  "exclude": ["src/utils/__tests__"],
   "compilerOptions": {
     "outDir": "lib",
     "rootDir": "src"

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

@@ -363,6 +363,170 @@ 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 handle conflicts 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 handle conflicts 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 handle conflicts 3`] = `
+{
+  "description": "My webpack project",
+  "devDependencies": {
+    "@babel/core": "x.x.x",
+    "@babel/preset-env": "x.x.x",
+    "babel-loader": "x.x.x",
+    "webpack": "x.x.x",
+    "webpack-cli": "x.x.x",
+  },
+  "name": "webpack-project",
+  "scripts": {
+    "build": "webpack --mode=production --config-node-env=production",
+    "build:dev": "webpack --mode=development",
+    "watch": "webpack --watch",
+  },
+  "version": "1.0.0",
+}
+`;
+
+exports[`create-webpack-app cli should generate default project when nothing is passed and handle conflicts 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

@@ -117,6 +117,53 @@ describe("create-webpack-app cli", () => {
     expect(readFromWebpackConfig(dir)).toMatchSnapshot();
   });
 
+  it("should generate default project when nothing is passed and handle conflicts", 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 runPromptWithAnswers(
+      dir,
+      ["init"],
+      [
+        `${DOWN}${ENTER}`,
+        `n${ENTER}`,
+        `n${ENTER}`,
+        `n${ENTER}`,
+        `${UP}${ENTER}`,
+        ENTER,
+        // test for conflicts
+        `y${ENTER}`,
+        `n${ENTER}`,
+        `a${ENTER}`,
+      ],
+    );
+
+    expect(nextStdout).toContain("Project has been initialised with webpack!");
+    expect(nextStdout).toContain("webpack.config.js");
+
+    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"]);