import { expect, test } from '@playwright/test';
import axios from 'axios';

import { openFeedbackPage, openIssuePage } from '../utils/navigation';

export default () => {
  test.describe('create-issue suite', () => {
    test.afterEach(async ({ page }) => {
      await page
        .getByRole('button', { name: 'Delete' })
        .click({ timeout: 1000 });

      await expect(page.getByText('Delete').nth(3)).toBeVisible();
      await page.getByText('Delete').nth(3).click();
      await page.waitForTimeout(1000);

      await expect(page.locator('tbody')).not.toContainText('test text');
    });

    test('creating an issue and attaching it to a feedback succeeds', async ({
      page,
    }) => {
      const projectId = await openIssuePage(page);
      await page.getByRole('button', { name: 'Create Issue' }).click();
      await page.waitForTimeout(1000);
      await page.getByPlaceholder('Please enter.').first().fill('test_issue');
      await page.getByRole('button', { name: 'Save' }).click();
      await page.waitForTimeout(1000);

      const { channelId } = await openFeedbackPage(page);

      await expect(page.getByText('There is no data yet')).toBeVisible();

      await axios.post(
        `http://localhost:4000/api/projects/${projectId}/channels/${channelId}/feedbacks`,
        {
          message: 'test text',
        },
        { headers: { 'x-api-key': 'MASTER_API_KEY' } },
      );

      await page.goto(
        `http://localhost:3000/main/project/${projectId}/feedback?channelId=${channelId}`,
        { waitUntil: 'domcontentloaded' },
      );

      await page.waitForTimeout(2000);

      await expect(page.locator('tbody')).toContainText('test text');

      await page.getByRole('button', { name: '+' }).first().click();
      const testIssue = page.getByText('test_issue').first();
      await expect(testIssue).toBeVisible();
      await testIssue.click();
      await page.waitForTimeout(1000);

      await page.getByRole('button', { name: '+' }).first().click();

      await page.getByText('test text').first().click();

      await page.getByRole('button', { name: '+' }).first().click();
      await page.waitForTimeout(1000);

      await page.keyboard.insertText('test_issue2');

      await page.getByText('Create', { exact: true }).click();
      await page.waitForTimeout(1000);

      await page.keyboard.press('Enter');
      await page.waitForTimeout(1000);
    });
  });
};