test: refactor navigation and validation logic in wizard and landing tests

Author: spivx

playwright/tests/landing.spec.ts

@@ -5,18 +5,20 @@ test('hero quick stack navigates to default summary', async ({ page }) => {
 
   await expect(page.getByTestId('hero-section')).toBeVisible()
 
-  await page.getByTestId('hero-stack-react').click()
-
-  await expect(page).toHaveURL(/\/new\/stack\/react\/default\/summary$/)
+  await Promise.all([
+    page.waitForURL(/\/new\/stack\/react\/default\/summary$/),
+    page.getByTestId('hero-stack-react').click(),
+  ])
   await expect(page.getByTestId('stack-summary-page')).toBeVisible()
 })
 
 test('hero scan form falls back to existing flow for invalid input', async ({ page }) => {
   await page.goto('/')
 
   await page.getByTestId('hero-repo-input').fill('not-a-valid-repo')
-  await page.getByTestId('hero-scan-button').click()
-
-  await expect(page).toHaveURL(/\/existing$/)
+  await Promise.all([
+    page.waitForURL(/\/existing$/),
+    page.getByTestId('hero-scan-button').click(),
+  ])
   await expect(page.getByTestId('existing-repo-page')).toBeVisible()
 })

playwright/tests/wizard-free-text.spec.ts

@@ -54,7 +54,7 @@ test("wizard accepts custom free text answers and shows them in the summary", as
           console.warn("Unable to parse wizard state", error)
           return "PARSE_ERROR"
         }
-      }, { questionId: "react-fileStructure" }),
+      }, { questionId: "react-tooling" }),
     { timeout: 15000 }
   ).toBe(customAnswer)
 
@@ -64,5 +64,5 @@ test("wizard accepts custom free text answers and shows them in the summary", as
   })
 
   expect(storedState).not.toBeNull()
-  expect(storedState!.freeTextResponses?.["react-fileStructure"]).toBe(customAnswer)
+  expect(storedState!.freeTextResponses?.["react-tooling"]).toBe(customAnswer)
 })

playwright/tests/wizard.spec.ts

@@ -19,8 +19,8 @@ test('wizard supports filtering, defaults, and reset', async ({ page }) => {
 
   const questionHeading = page.getByTestId('wizard-question-heading')
 
-  await page.getByRole('button', { name: /Use default/ }).click()
-  await expect(questionHeading).toHaveText('What language do you use?')
+  await page.getByRole('button', { name: 'Use default (Vite)' }).click()
+  await expect(page.getByTestId('answer-option-react-language-typescript')).toBeVisible()
 
   await page.getByRole('button', { name: 'Start Over' }).click()
   await expect(page.getByTestId('wizard-confirmation-dialog')).toBeVisible()