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>
18 lines
1.0 KiB
Handlebars
18 lines
1.0 KiB
Handlebars
<div class="bottom-reactions" data-action-url="{{$.ActionURL}}" role="group" aria-label="{{ctx.Locale.Tr "repo.reactions"}}">
|
|
{{range $key, $value := .Reactions}}
|
|
{{$hasReacted := $value.HasUser ctx.RootData.SignedUserID}}
|
|
<a role="button" class="ui label basic{{if $hasReacted}} primary{{end}}{{if not ctx.RootData.IsSigned}} disabled{{end}}"
|
|
data-global-click="onCommentReactionButtonClick"
|
|
data-tooltip-content title="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
|
aria-label="{{$key}}: {{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
|
data-tooltip-placement="bottom-start"
|
|
data-reaction-content="{{$key}}" data-has-reacted="{{$hasReacted}}">
|
|
<span class="reaction">{{ReactionToEmoji $key}}</span>
|
|
<span class="reaction-count">{{len $value}}</span>
|
|
</a>
|
|
{{end}}
|
|
{{if AllowedReactions}}
|
|
{{template "repo/issue/view_content/add_reaction" dict "ActionURL" .ActionURL}}
|
|
{{end}}
|
|
</div>
|