fix: initialization lifecycle after project setup (#20906)

packages/data-context/src/actions/WizardActions.ts

@@ -77,6 +77,8 @@ export class WizardActions {
     this.ctx.update((d) => {
       d.scaffoldedFiles = null
     })
+
+    this.ctx.lifecycleManager.loadTestingType()
   }
 
   /// reset wizard status, useful for when changing to a new project

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

@@ -461,6 +461,12 @@ export class ProjectLifecycleManager {
     }
   }
 
+  loadTestingType () {
+    assert(this._configManager, 'Cannot load a testing type without a config manager')
+
+    this._configManager.loadTestingType()
+  }
+
   scaffoldFilesIfNecessary () {
     if (this._currentTestingType && this._projectMetaState.hasValidConfigFile && !this.isTestingTypeConfigured(this._currentTestingType) && !this.ctx.isRunMode) {
       this.ctx.actions.wizard.scaffoldTestingType().catch(this.onLoadError)

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

@@ -31,6 +31,23 @@ describe('Launchpad: Setup Project', () => {
     cy.contains('[data-cy-testingtype="component"]', ctIsConfigured ? 'Configured' : 'Not Configured')
   }
 
+  const verifyChooseABrowserPage = () => {
+    cy.contains('Choose a Browser', { timeout: 10000 })
+
+    cy.findByRole('radio', { name: 'Chrome v1' })
+    cy.findByRole('radio', { name: 'Firefox v5' })
+    cy.findByRole('radio', { name: 'Electron v12' })
+    cy.findByRole('radio', { name: 'Edge v8' })
+  }
+
+  beforeEach(() => {
+    cy.findBrowsers({
+      filter: (browser) => {
+        return Cypress._.includes(['chrome', 'firefox', 'electron', 'edge'], browser.name) && browser.channel === 'stable'
+      },
+    })
+  })
+
   it('no initial setup displays welcome page', () => {
     scaffoldAndOpenProject('pristine')
     cy.visitLaunchpad()
@@ -166,14 +183,14 @@ describe('Launchpad: Setup Project', () => {
 
         cy.get('[data-cy-testingtype="e2e"]').click()
 
-        cy.contains(/(Initializing Config|Choose a Browser)/, { timeout: 10000 })
+        verifyChooseABrowserPage()
       })
 
       it('opens to the browser pages when opened via cli with --e2e flag', () => {
         scaffoldAndOpenProject('pristine-with-e2e-testing', ['--e2e'])
         cy.visitLaunchpad()
 
-        cy.get('h1').should('contain', 'Choose a Browser')
+        verifyChooseABrowserPage()
       })
     })
 
@@ -321,7 +338,7 @@ describe('Launchpad: Setup Project', () => {
         .should('not.have.disabled')
         .click()
 
-        cy.contains(/(Initializing Config|Choose a Browser)/, { timeout: 10000 })
+        verifyChooseABrowserPage()
       })
 
       it('can setup e2e testing for a project selecting TS', () => {
@@ -596,8 +613,7 @@ describe('Launchpad: Setup Project', () => {
           cy.get('[data-cy="Choose a Browser"]').click()
         })
 
-        cy.contains('Choose a Browser')
-        cy.contains('Choose your preferred browser for E2E testing.')
+        verifyChooseABrowserPage()
       })
 
       it('can reconfigure config from the testing type card selecting E2E', () => {
@@ -629,7 +645,7 @@ describe('Launchpad: Setup Project', () => {
           cy.get('[data-cy="Choose a Browser"]').click()
         })
 
-        cy.contains('Choose a Browser')
+        verifyChooseABrowserPage()
       })
 
       it('can reconfigure config from the testing type card selecting Component', () => {
@@ -662,14 +678,14 @@ describe('Launchpad: Setup Project', () => {
 
         cy.get('[data-cy-testingtype="component"]').click()
 
-        cy.contains(/(Initializing Config|Choose a Browser)/, { timeout: 10000 })
+        verifyChooseABrowserPage()
       })
 
       it('opens to the browser pages when opened via cli with --component flag', () => {
         scaffoldAndOpenProject('pristine-with-ct-testing', ['--component'])
         cy.visitLaunchpad()
 
-        cy.get('h1').should('contain', 'Choose a Browser')
+        verifyChooseABrowserPage()
       })
     })
 
@@ -877,7 +893,8 @@ describe('Launchpad: Setup Project', () => {
         })
 
         cy.findByRole('button', { name: 'Continue' }).click()
-        cy.contains(/(Initializing Config|Choose a Browser)/, { timeout: 10000 })
+
+        verifyChooseABrowserPage()
       })
 
       it('setup component testing with typescript files', () => {
@@ -912,7 +929,8 @@ describe('Launchpad: Setup Project', () => {
         verifyFiles(['cypress.config.ts', 'cypress/support/component-index.html', 'cypress/support/component.ts', 'cypress/support/commands.ts', 'cypress/fixtures/example.json'])
 
         cy.findByRole('button', { name: 'Continue' }).click()
-        cy.contains(/(Initializing Config|Choose a Browser)/, { timeout: 10000 })
+
+        verifyChooseABrowserPage()
       })
     })
   })