fix: don't show deps warning for projects that don't require bundler (#23598)

Author: ZachJW34

packages/data-context/src/data/ProjectConfigManager.ts

@@ -191,12 +191,6 @@ export class ProjectConfigManager {
       return
     }
 
-    const result = await isDependencyInstalled(bundler, this.options.projectRoot)
-
-    if (!result.satisfied) {
-      unsupportedDeps.set(result.dependency.type, result)
-    }
-
     const isFrameworkSatisfied = async (bundler: typeof WIZARD_BUNDLERS[number], framework: typeof WIZARD_FRAMEWORKS[number]) => {
       for (const dep of await (framework.dependencies(bundler.type, this.options.projectRoot))) {
         const res = await isDependencyInstalled(dep.dependency, this.options.projectRoot)

packages/data-context/test/unit/sources/WizardDataSource.spec.ts

@@ -27,7 +27,7 @@ describe('packagesToInstall', () => {
 
     const actual = await ctx.wizard.installDependenciesCommand()
 
-    expect(actual).to.eq(`npm install -D react-scripts webpack react-dom react`)
+    expect(actual).to.eq(`npm install -D react-scripts react-dom react`)
   })
 
   it('vueclivue2-unconfigured', async () => {
@@ -43,7 +43,7 @@ describe('packagesToInstall', () => {
 
     const actual = await ctx.wizard.installDependenciesCommand()
 
-    expect(actual).to.eq(`npm install -D @vue/cli-service webpack vue@2`)
+    expect(actual).to.eq(`npm install -D @vue/cli-service vue@2`)
   })
 
   it('vueclivue3-unconfigured', async () => {
@@ -59,7 +59,7 @@ describe('packagesToInstall', () => {
 
     const actual = await ctx.wizard.installDependenciesCommand()
 
-    expect(actual).to.eq(`npm install -D @vue/cli-service webpack vue`)
+    expect(actual).to.eq(`npm install -D @vue/cli-service vue`)
   })
 
   it('vuecli5vue3-unconfigured', async () => {
@@ -75,7 +75,7 @@ describe('packagesToInstall', () => {
 
     const actual = await ctx.wizard.installDependenciesCommand()
 
-    expect(actual).to.eq(`npm install -D @vue/cli-service webpack vue`)
+    expect(actual).to.eq(`npm install -D @vue/cli-service vue`)
   })
 
   it('regular react project with vite', async () => {

packages/launchpad/cypress/e2e/config-warning.cy.ts

@@ -187,4 +187,14 @@ describe('component testing dependency warnings', () => {
     cy.contains('Choose a Browser', { timeout: 12000 })
     cy.get('[data-cy="warning-alert"]').should('not.exist')
   })
+
+  it('does not show warning for project that does not require bundler to be installed', () => {
+    cy.scaffoldProject('next-12')
+    cy.openProject('next-12')
+    cy.visitLaunchpad()
+    cy.get('[data-cy="warning-alert"]').should('not.exist')
+    cy.get('[data-cy-testingtype="component"]').click()
+    cy.contains('Choose a Browser', { timeout: 12000 })
+    cy.get('[data-cy="warning-alert"]').should('not.exist')
+  })
 })

packages/launchpad/cypress/e2e/project-setup.cy.ts

@@ -379,9 +379,9 @@ describe('Launchpad: Setup Project', () => {
         cy.findByRole('button', { name: 'Next Step' }).click()
         cy.findByRole('button', { name: 'Waiting for you to install the dependencies...' })
 
-        cy.contains('li', 'webpack')
         cy.contains('li', 'react-scripts')
         cy.contains('li', 'react')
+        cy.contains('li', 'react-dom')
 
         cy.findByRole('button', { name: 'Skip' }).click()
 

packages/scaffold-config/src/frameworks.ts

@@ -86,7 +86,6 @@ export const WIZARD_FRAMEWORKS = [
     dependencies: (bundler: WizardBundler['type'], projectPath: string): Promise<DependencyToInstall[]> => {
       return Promise.all([
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_REACT_SCRIPTS, projectPath),
-        isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_WEBPACK, projectPath),
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_REACT_DOM, projectPath),
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_REACT, projectPath),
       ])
@@ -107,7 +106,6 @@ export const WIZARD_FRAMEWORKS = [
     dependencies: (bundler: WizardBundler['type'], projectPath: string): Promise<DependencyToInstall[]> => {
       return Promise.all([
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_VUE_CLI_SERVICE, projectPath),
-        isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_WEBPACK, projectPath),
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_VUE_2, projectPath),
       ])
     },
@@ -127,7 +125,6 @@ export const WIZARD_FRAMEWORKS = [
     dependencies: (bundler: WizardBundler['type'], projectPath: string): Promise<DependencyToInstall[]> => {
       return Promise.all([
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_VUE_CLI_SERVICE, projectPath),
-        isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_WEBPACK, projectPath),
         isDependencyInstalled(dependencies.WIZARD_DEPENDENCY_VUE_3, projectPath),
       ])
     },

system-tests/__snapshots__/component_testing_spec.ts.js

@@ -533,13 +533,6 @@ exports['React major versions with Vite executes all of the tests for React v18
 `
 
 exports['experimentalSingleTabRunMode / executes all specs in a single tab'] = `
-We detected that you have versions of dependencies that are not officially supported:
-
- - \`webpack\`. Expected >=4.0.0 || >=5.0.0 but dependency was not found.
-
-If you're experiencing problems, downgrade dependencies and restart Cypress.
-
-   30 modules
 
 ====================================================================================================
 

system-tests/projects/experimentalSingleTabRunMode/webpack.config.js

@@ -1 +1,3 @@
-module.exports = {}
+module.exports = {
+  stats: 'errors-warnings',
+}