frontend: add more tests.

Author: ffreddow

frontend/tests/basic.spec.ts

@@ -28,6 +28,98 @@ test('invalid register form', async ({ page }) => {
   await expect(page.getByText('Must contain at least one')).toBeVisible();
 });
 
+test('invalid login attempts', async ({ page }) => {
+  await page.goto(testDomain);
+
+  // Test with wrong password
+  await page.getByRole('textbox', { name: 'Email' }).fill(testUser1Email);
+  await page.getByRole('textbox', { name: 'Password' }).fill('wrong_password');
+  await page.getByRole('button', { name: 'Login' }).click();
+  await expect(page.getByText('Email-address or password wrong.')).toBeVisible();
+
+  // Test with non-existent email
+  await page.getByRole('textbox', { name: 'Email' }).fill('[email protected]');
+  await page.getByRole('textbox', { name: 'Password' }).fill(testPassword1);
+  await page.getByRole('button', { name: 'Login' }).click();
+  await expect(page.getByText('Email-address or password wrong.')).toBeVisible();
+});
+
+test('navigation and logout', async ({ page }) => {
+  await login(page, testUser1Email, testPassword1);
+
+  // Test navigation to different pages
+  await page.getByRole('link', { name: 'Token' }).click();
+  await expect(page.getByRole('heading', { name: 'Create authorization token' })).toBeVisible();
+
+  await page.getByRole('link', { name: 'Account' }).click();
+  await expect(page.getByRole('heading', { name: 'Account information' })).toBeVisible();
+
+  // Test logout
+  await page.getByRole('button', { name: 'Logout', exact: true }).click();
+  await expect(page.getByRole('button', { name: 'Login' })).toBeVisible();
+});
+
+test('token management', async ({ page }) => {
+  await login(page, testUser1Email, testPassword1);
+
+  await page.getByRole('link', { name: 'Token' }).click();
+
+  // Create a token
+  await page.getByRole('textbox', { name: 'Name' }).fill('Test Token 1');
+  await page.getByRole('button', { name: 'Create token' }).click();
+
+  // Verify token appears in list
+  await expect(page.getByText('Test Token 1')).toBeVisible();
+
+  // Create another token
+  await page.getByRole('textbox', { name: 'Name' }).clear();
+  await page.getByRole('textbox', { name: 'Name' }).fill('Test Token 2');
+  await page.getByRole('button', { name: 'Create token' }).click();
+
+  // Verify both tokens exist
+  await expect(page.getByText('Test Token 1')).toBeVisible();
+  await expect(page.getByText('Test Token 2')).toBeVisible();
+
+  // Delete a token
+  await page.getByRole('button', { name: 'Delete' }).nth(0).click();
+  await expect(page.getByText('Test Token 1')).not.toBeVisible();
+  await expect(page.getByText('Test Token 2')).toBeVisible();
+});
+
+test('account information validation', async ({ page }) => {
+  await login(page, testUser1Email, testPassword1);
+
+  await page.getByRole('link', { name: 'Account' }).click();
+
+  // Test invalid name (empty)
+  await page.getByLabel('Name').clear();
+  await page.getByRole('button', { name: 'Save changes' }).click();
+  await expect(page.getByText('The name must not be empty')).toBeVisible();
+
+  await page.getByLabel('Email-address').clear();
+  await page.getByLabel('Email-address').fill(testUser1Email);
+  await page.getByRole('button', { name: 'Save changes' }).click();
+});
+
+test('password change dialog validation', async ({ page }) => {
+  await login(page, testUser1Email, testPassword1);
+
+  await page.getByRole('link', { name: 'Account' }).click();
+  await page.getByRole('button', { name: 'Change password' }).click();
+
+  await page.getByLabel('Current password').fill(testPassword1);
+  await page.getByLabel('New password').fill('weak');
+  await page.getByRole('dialog').getByRole('button', { name: 'Change password' }).click();
+  await expect(page.getByText('Must contain at least one')).toBeVisible();
+
+  await page.getByLabel('Current password').clear();
+  await page.getByLabel('Current password').fill('wrong_password');
+  await page.getByLabel('New password').clear();
+  await page.getByLabel('New password').fill('ValidPassword123!');
+  await page.getByRole('dialog').getByRole('button', { name: 'Change password' }).click();
+  await page.getByRole('button', { name: 'Close' }).click();
+});
+
 test('charger lifecycle', async ({ page }) => {
   test.slow();
 
@@ -142,6 +234,8 @@ test('change accountname', async ({page}) => {
   await expect(page.getByRole('heading', { name: 'Account information' })).toBeVisible();
 });
 
+// ===== TESTS AFTER THIS POINT CREATE NEW USERS OR USE DIFFERENT CREDENTIALS =====
+
 test('change password', async ({page}) => {
   await login(page, testUser2Email, testPassword1);