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>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import {env} from 'node:process';
|
|
import {expect, test} from '@playwright/test';
|
|
import {login, apiCreateRepo, apiCreateIssue, apiDeleteRepo, randomString} from './utils.ts';
|
|
|
|
test('toggle issue reactions', async ({page, request}) => {
|
|
const repoName = `e2e-reactions-${randomString(8)}`;
|
|
const owner = env.GITEA_TEST_E2E_USER;
|
|
await apiCreateRepo(request, {name: repoName});
|
|
await Promise.all([
|
|
apiCreateIssue(request, owner, repoName, {title: 'Reaction test'}),
|
|
login(page),
|
|
]);
|
|
try {
|
|
await page.goto(`/${owner}/${repoName}/issues/1`);
|
|
|
|
const issueComment = page.locator('.timeline-item.comment.first');
|
|
|
|
const reactionPicker = issueComment.locator('.select-reaction');
|
|
await reactionPicker.click();
|
|
await reactionPicker.getByLabel('+1').click();
|
|
|
|
const reactions = issueComment.getByRole('group', {name: 'Reactions'});
|
|
await expect(reactions.getByRole('button', {name: /^\+1:/})).toContainText('1');
|
|
|
|
await reactions.getByRole('button', {name: /^\+1:/}).click();
|
|
await expect(reactions.getByRole('button', {name: /^\+1:/})).toHaveCount(0);
|
|
} finally {
|
|
await apiDeleteRepo(request, owner, repoName);
|
|
}
|
|
});
|