import { test, expect } from '../../../playwright';
import { closeAllCollections } from '../../utils/page';

test.describe.serial('JSON Response Formatting', () => {
  test.afterAll(async ({ pageWithUserData: page }) => {
    // cleanup: close all collections
    await closeAllCollections(page);
  });

  test('should handle BigInt values and unicode chars in JSON response formatting', async ({ pageWithUserData: page }) => {
    await test.step('Navigate to collection and request', async () => {
      // Navigate to the test collection
      await expect(page.locator('#sidebar-collection-name').getByText('collection')).toBeVisible();
      await page.locator('#sidebar-collection-name').getByText('collection').click();

      // Navigate to the request
      await page.getByRole('complementary').getByText('request').click();
    });

    await test.step('Send request and verify response', async () => {
      // Send the request
      await page.getByTestId('send-arrow-icon').click();

      // Wait for response
      await expect(page.getByTestId('response-status-code')).toContainText('200', { timeout: 15000 });

      // Verify the response is properly formatted JSON
      const responseBody = page.locator('.response-pane');
      await expect(responseBody).toBeVisible();

      // The response should preserve `bigint` value precision
      await expect(responseBody).toContainText('1736184243098437392');

      // The response should handle unicode chars
      await expect(responseBody).toContainText('一');
      await expect(responseBody).toContainText('二');
      await expect(responseBody).toContainText('三');

      // The response should handle escaped forward slashes
      await expect(responseBody).toContainText('/url/path/');
    });
  });
});