import {env} from 'node:process';
import {expect, test} from '@playwright/test';
import {login, apiCreateRepo, apiCreateIssue, 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, repo: repoName, title: 'Reaction test'}),
    login(page),
  ]);
  await page.goto(`/${owner}/${repoName}/issues/1`);

  const issueComment = page.locator('.timeline-item.comment.issue-content-comment');

  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);
});