d80640fa5d
Add a new e2e test for toggling issue reactions via the reaction picker dropdown. Add `aria-label` attributes to improve reaction accessibility: - Add `aria-label="Reaction"` to the reaction picker dropdown - Add `role="group"` with `aria-label="Reactions"` to the reactions container, giving it a semantic identity for screen readers - Include the reaction key in each reaction button's `aria-label` (e.g. `+1: user1, user2`) so screen readers announce which reaction a button represents E2e test improvements: - Simplify `randomString` to use `Math.random` instead of `node:crypto` - Replace `generatePassword` with a static password, remove unused `clickDropdownItem` - Enable `fullyParallel: true` and `workers: '50%'` in Playwright config - Run both chromium and firefox in all environments (not just CI) - Parallelize `login` and `apiCreateRepo` setup where possible - Use dedicated test user in `user-settings` test for concurrency safety Co-authored-by: Claude (Opus 4.6) <noreply@anthropic.com>
71 lines
3.2 KiB
TypeScript
71 lines
3.2 KiB
TypeScript
import {env} from 'node:process';
|
|
import {test, expect} from '@playwright/test';
|
|
import {login, logout, apiDeleteUser, randomString} from './utils.ts';
|
|
|
|
test.beforeEach(async ({page}) => {
|
|
await page.goto('/user/sign_up');
|
|
});
|
|
|
|
test('register page has form', async ({page}) => {
|
|
await expect(page.getByLabel('Username')).toBeVisible();
|
|
await expect(page.getByLabel('Email Address')).toBeVisible();
|
|
await expect(page.getByLabel('Password', {exact: true})).toBeVisible();
|
|
await expect(page.getByLabel('Confirm Password')).toBeVisible();
|
|
await expect(page.getByRole('button', {name: 'Register Account'})).toBeVisible();
|
|
});
|
|
|
|
test('register with empty fields shows error', async ({page}) => {
|
|
// HTML5 required attribute prevents submission, so verify the fields are required
|
|
await expect(page.locator('input[name="user_name"][required]')).toBeVisible();
|
|
await expect(page.locator('input[name="email"][required]')).toBeVisible();
|
|
await expect(page.locator('input[name="password"][required]')).toBeVisible();
|
|
await expect(page.locator('input[name="retype"][required]')).toBeVisible();
|
|
});
|
|
|
|
test('register with mismatched passwords shows error', async ({page}) => {
|
|
await page.getByLabel('Username').fill('e2e-register-mismatch');
|
|
await page.getByLabel('Email Address').fill(`e2e-register-mismatch@${env.GITEA_TEST_E2E_DOMAIN}`);
|
|
await page.getByLabel('Password', {exact: true}).fill('password123!');
|
|
await page.getByLabel('Confirm Password').fill('different123!');
|
|
await page.getByRole('button', {name: 'Register Account'}).click();
|
|
await expect(page.locator('.ui.negative.message')).toBeVisible();
|
|
});
|
|
|
|
test('register then login', async ({page}) => {
|
|
const username = `e2e-register-${randomString(8)}`;
|
|
const email = `${username}@${env.GITEA_TEST_E2E_DOMAIN}`;
|
|
const password = 'password123!';
|
|
|
|
await page.getByLabel('Username').fill(username);
|
|
await page.getByLabel('Email Address').fill(email);
|
|
await page.getByLabel('Password', {exact: true}).fill(password);
|
|
await page.getByLabel('Confirm Password').fill(password);
|
|
await page.getByRole('button', {name: 'Register Account'}).click();
|
|
|
|
// After successful registration, should be redirected away from sign_up
|
|
await expect(page).not.toHaveURL(/sign_up/);
|
|
|
|
// Logout then login with the newly created account
|
|
await logout(page);
|
|
await login(page, username, password);
|
|
|
|
// delete via API because of issues related to form-fetch-action
|
|
await apiDeleteUser(page.request, username);
|
|
});
|
|
|
|
test('register with existing username shows error', async ({page}) => {
|
|
await page.getByLabel('Username').fill(env.GITEA_TEST_E2E_USER);
|
|
await page.getByLabel('Email Address').fill(`e2e-duplicate@${env.GITEA_TEST_E2E_DOMAIN}`);
|
|
await page.getByLabel('Password', {exact: true}).fill('password123!');
|
|
await page.getByLabel('Confirm Password').fill('password123!');
|
|
await page.getByRole('button', {name: 'Register Account'}).click();
|
|
await expect(page.locator('.ui.negative.message')).toBeVisible();
|
|
});
|
|
|
|
test('sign in link exists', async ({page}) => {
|
|
const signInLink = page.getByText('Sign in now!');
|
|
await expect(signInLink).toBeVisible();
|
|
await signInLink.click();
|
|
await expect(page).toHaveURL(/\/user\/login$/);
|
|
});
|