Updated e2e tests to use the updated selectors

Author: BolanosDavid

webapp/test/e2e/steps/register.steps.mjs

@@ -4,20 +4,21 @@ import assert from 'assert'
 Given('the register page is open', async function () {
   const page = this.page
   if (!page) throw new Error('Page not initialized')
-  await page.goto('http://localhost')
+  await page.goto('http://localhost/register')
 })
 
 When('I enter {string} as the username and submit', async function (username) {
   const page = this.page
   if (!page) throw new Error('Page not initialized')
-  await page.fill('#username', username)
-  await page.click('.submit-button')
+  await page.fill('input[autocomplete="username"]', username)
+  await page.fill('input[autocomplete="new-password"]', 'password123')
+  await page.click('button[type="submit"]')
 })
 
 Then('I should see a welcome message containing {string}', async function (expected) {
   const page = this.page
   if (!page) throw new Error('Page not initialized')
-  await page.waitForSelector('.success-message', { timeout: 5000 })
-  const text = await page.textContent('.success-message')
-  assert.ok(text && text.includes(expected), `Expected success message to include "${expected}", got: "${text}"`)
+  await page.waitForSelector('.MuiAlert-message', { timeout: 5000 })
+  const text = await page.textContent('.MuiAlert-message')
+  assert.ok(text && text.includes(expected), `Expected "${expected}", got: "${text}"`)
 })