fix(vue-wizard): resolve e2e test failures

Author: involvex

dist/create-wizard.js

@@ -11084,45 +11084,25 @@ async function main4(deps) {
     answers.projectName = projectNameFromArg;
     M2.info(`Using project name from argument: ${projectNameFromArg}`);
   }
-  const group = await Ce(
-    {
-      ...!projectNameFromArg && {
-        projectName: () => he({
-          message: "Project name:",
-          placeholder: "my-awesome-project",
-          validate: (value) => {
-            if (!value) return "Please enter a project name.";
-          }
-        })
-      },
-      template: async () => ve({
-        message: "Select a project template:",
-        options: (await getTemplates()).map((t) => ({ value: t, label: t }))
-      })
-    },
-    {
-      onCancel: () => {
-        xe("Operation cancelled.");
-        process.exit(0);
-      }
-    }
-  );
-  Object.assign(answers, group);
-  if (answers.template === "discord-bot") {
-    const discordGroup = await Ce(
+  const answersArg = args.find((arg) => arg.startsWith("--answers="));
+  if (answersArg) {
+    const answersJSON = answersArg.split("=")[1];
+    Object.assign(answers, JSON.parse(answersJSON));
+  } else {
+    const group = await Ce(
       {
-        discordFeatures: () => fe({
-          message: "Select Discord bot features:",
-          options: [
-            { value: "welcome", label: "Include welcome messages for new users" },
-            { value: "logging", label: "Include message logging" },
-            { value: "moderation", label: "Include moderation commands (kick/ban)" }
-          ],
-          required: false
-        }),
-        discordRPC: () => ye({
-          message: "Include Discord RPC (activity status)?",
-          initialValue: false
+        ...!projectNameFromArg && {
+          projectName: () => he({
+            message: "Project name:",
+            placeholder: "my-awesome-project",
+            validate: (value) => {
+              if (!value) return "Please enter a project name.";
+            }
+          })
+        },
+        template: async () => ve({
+          message: "Select a project template:",
+          options: (await getTemplates()).map((t) => ({ value: t, label: t }))
         })
       },
       {
@@ -11132,29 +11112,127 @@ async function main4(deps) {
         }
       }
     );
-    Object.assign(answers, discordGroup);
-  }
-  if (answers.template === "vue-wizard") {
-    const vueWizardGroup = await Ce(
+    Object.assign(answers, group);
+    if (answers.template === "discord-bot") {
+      const discordGroup = await Ce(
+        {
+          discordFeatures: () => fe({
+            message: "Select Discord bot features:",
+            options: [
+              { value: "welcome", label: "Include welcome messages for new users" },
+              { value: "logging", label: "Include message logging" },
+              { value: "moderation", label: "Include moderation commands (kick/ban)" }
+            ],
+            required: false
+          }),
+          discordRPC: () => ye({
+            message: "Include Discord RPC (activity status)?",
+            initialValue: false
+          })
+        },
+        {
+          onCancel: () => {
+            xe("Operation cancelled.");
+            process.exit(0);
+          }
+        }
+      );
+      Object.assign(answers, discordGroup);
+    }
+    if (answers.template === "vue-wizard") {
+      const vueWizardGroup = await Ce(
+        {
+          isPublic: () => ye({
+            message: "Make the repository public?",
+            initialValue: true
+          }),
+          addLicense: () => ye({
+            message: "Add a LICENSE file?",
+            initialValue: true
+          }),
+          addFunding: () => ye({
+            message: "Add a FUNDING.yml file?",
+            initialValue: false
+          }),
+          addDocs: () => ye({
+            message: "Set up a docs/ directory?",
+            initialValue: false
+          }),
+          useGhPages: () => ye({
+            message: "Set up a GitHub Pages deployment workflow?",
+            initialValue: false
+          })
+        },
+        {
+          onCancel: () => {
+            xe("Operation cancelled.");
+            process.exit(0);
+          }
+        }
+      );
+      Object.assign(answers, vueWizardGroup);
+    }
+    const customizationGroup = await Ce(
       {
-        isPublic: () => ye({
-          message: "Make the repository public?",
+        ...!answers.template.startsWith("vue-wizard") && {
+          dependencies: () => fe({
+            message: "Which packages should be installed?",
+            options: [
+              { value: { name: "express", version: "^4.18.2" }, label: "express" },
+              { value: { name: "discord.js", version: "^14.14.1" }, label: "discord.js" },
+              { value: { name: "axios", version: "^1.6.2" }, label: "axios" },
+              { value: { name: "eslint", version: "^8.56.0" }, label: "eslint" },
+              { value: { name: "dotenv", version: "^16.3.1" }, label: "dotenv" }
+            ],
+            required: false
+          })
+        },
+        initGit: () => ye({
+          message: "Initialize a Git repository?",
           initialValue: true
         }),
-        addLicense: () => ye({
-          message: "Add a LICENSE file?",
-          initialValue: true
+        includeTestFramework: () => ye({
+          message: "Include a testing framework?",
+          initialValue: false
+        }),
+        testFramework: ({ results }) => {
+          if (results.includeTestFramework) {
+            return ve({
+              message: "Which testing framework?",
+              options: [
+                { value: "Jest", label: "Jest" },
+                { value: "Vitest", label: "Vitest" },
+                { value: "Mocha/Chai", label: "Mocha/Chai" }
+              ]
+            });
+          }
+        },
+        includeTypeScript: () => ye({
+          message: "Include TypeScript?",
+          initialValue: false
         }),
-        addFunding: () => ye({
-          message: "Add a FUNDING.yml file?",
+        includeEslint: () => ye({
+          message: "Include ESLint for linting?",
           initialValue: false
         }),
-        addDocs: () => ye({
-          message: "Set up a docs/ directory?",
+        includePrettier: () => ye({
+          message: "Include Prettier for code formatting?",
           initialValue: false
         }),
-        useGhPages: () => ye({
-          message: "Set up a GitHub Pages deployment workflow?",
+        includeDocker: () => ye({
+          message: "Include Docker support?",
+          initialValue: false
+        }),
+        includeGithubActions: () => ye({
+          message: "Include GitHub Actions workflow?",
+          initialValue: false
+        }),
+        includeGitlabCi: () => ye({
+          message: "Include GitLab CI/CD pipeline?",
+          initialValue: false
+        }),
+        includeDebugConfig: () => ye({
+          message: "Include VS Code debug configuration?",
           initialValue: false
         })
       },
@@ -11165,80 +11243,8 @@ async function main4(deps) {
         }
       }
     );
-    Object.assign(answers, vueWizardGroup);
+    Object.assign(answers, customizationGroup);
   }
-  const customizationGroup = await Ce(
-    {
-      ...!answers.template.startsWith("vue-wizard") && {
-        dependencies: () => fe({
-          message: "Which packages should be installed?",
-          options: [
-            { value: { name: "express", version: "^4.18.2" }, label: "express" },
-            { value: { name: "discord.js", version: "^14.14.1" }, label: "discord.js" },
-            { value: { name: "axios", version: "^1.6.2" }, label: "axios" },
-            { value: { name: "eslint", version: "^8.56.0" }, label: "eslint" },
-            { value: { name: "dotenv", version: "^16.3.1" }, label: "dotenv" }
-          ],
-          required: false
-        })
-      },
-      initGit: () => ye({
-        message: "Initialize a Git repository?",
-        initialValue: true
-      }),
-      includeTestFramework: () => ye({
-        message: "Include a testing framework?",
-        initialValue: false
-      }),
-      testFramework: ({ results }) => {
-        if (results.includeTestFramework) {
-          return ve({
-            message: "Which testing framework?",
-            options: [
-              { value: "Jest", label: "Jest" },
-              { value: "Vitest", label: "Vitest" },
-              { value: "Mocha/Chai", label: "Mocha/Chai" }
-            ]
-          });
-        }
-      },
-      includeTypeScript: () => ye({
-        message: "Include TypeScript?",
-        initialValue: false
-      }),
-      includeEslint: () => ye({
-        message: "Include ESLint for linting?",
-        initialValue: false
-      }),
-      includePrettier: () => ye({
-        message: "Include Prettier for code formatting?",
-        initialValue: false
-      }),
-      includeDocker: () => ye({
-        message: "Include Docker support?",
-        initialValue: false
-      }),
-      includeGithubActions: () => ye({
-        message: "Include GitHub Actions workflow?",
-        initialValue: false
-      }),
-      includeGitlabCi: () => ye({
-        message: "Include GitLab CI/CD pipeline?",
-        initialValue: false
-      }),
-      includeDebugConfig: () => ye({
-        message: "Include VS Code debug configuration?",
-        initialValue: false
-      })
-    },
-    {
-      onCancel: () => {
-        xe("Operation cancelled.");
-        process.exit(0);
-      }
-    }
-  );
-  Object.assign(answers, customizationGroup);
   const projectDir = join4(process.cwd(), answers.projectName);
   if (fs2.existsSync(projectDir)) {
     xe("Error: Project folder already exists.");
@@ -11275,6 +11281,9 @@ async function main4(deps) {
   }
   const packageJsonPath = join4(projectDir, "package.json");
   let packageJson2 = JSON.parse(fs2.readFileSync(packageJsonPath, "utf-8"));
+  if (!answers.dependencies) {
+    answers.dependencies = [];
+  }
   const userDependencies = answers.dependencies.reduce((acc, dep) => {
     acc[dep.name] = dep.version;
     return acc;

e2e-test-project/.eslintrc.cjs

@@ -0,0 +1,12 @@
+module.exports = {
+  root: true,
+  env: { node: true },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+}

e2e-test-project/.github/FUNDING.yml

@@ -0,0 +1,14 @@
+# @format
+
+# These are supported funding model platforms
+
+github: [your-github-username]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

e2e-test-project/.github/workflows/ci.yml

@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  push:
+    branches: [dev]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm test
+
+      - name: Lint code
+        run: npm run lint
+
+      - name: Type check
+        run: npm run typecheck
+
+      - name: AI Review (Placeholder)
+        run: echo "This is a placeholder for an AI code review. Replace with your AI review tool."
+
+      - name: Build project
+        run: npm run build

e2e-test-project/.github/workflows/pages.yml

@@ -0,0 +1,33 @@
+# @format
+
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run build
+      - uses: actions/configure-pages@v4
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: 'dist'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4