/**
 * E2E test: Sources CRUD.
 *
 * Validates:
 * 1. Adding a single source
 * 2. Bulk-importing a source via textarea
 * 3. Deleting a source (two-click confirm)
 */

import { test, expect } from '@playwright/test';
import { loginAsUser } from '../helpers/auth';

test.describe('Sources management', () => {
  test('should add, bulk-import, and delete sources', async ({ page }) => {
    // Step 1: Login as regular user via cookie injection
    await loginAsUser(page);

    // Step 2: Navigate to sources
    await page.goto('/sources');

    // Wait for the sources page to load
    await expect(
      page.locator('h1', { hasText: 'Sources Personnalisees' }),
    ).toBeVisible({ timeout: 10_000 });

    // Step 3: Add a single source
    await page.locator('#source-title').fill('Test Blog');
    await page.locator('#source-url').fill('https://test.example.com/blog');

    // Click the "Ajouter" submit button
    await page.locator('button[type="submit"]', { hasText: 'Ajouter' }).click();

    // Wait for the source to appear in the list
    await expect(page.getByText('Test Blog')).toBeVisible({ timeout: 5_000 });
    await expect(
      page.getByText('https://test.example.com/blog'),
    ).toBeVisible();

    // Step 4: Bulk import another source via textarea
    const bulkTextarea = page.locator('#bulk-import');
    await bulkTextarea.fill('News Site;https://news.example.com');

    // Click the bulk import button
    await page
      .locator('button[type="submit"]', { hasText: 'Importer les sources' })
      .click();

    // Wait for the second source to appear
    await expect(page.getByText('News Site')).toBeVisible({ timeout: 5_000 });

    // Verify we have 2 sources in the list
    // Each source is an <li> in the sources list
    const sourceItems = page.locator('ul > li').filter({
      has: page.locator('.text-indigo-600'),
    });
    await expect(sourceItems).toHaveCount(2);

    // Step 5: Delete the first source (Test Blog)
    // Find the source item containing "Test Blog" and click its delete button
    const testBlogItem = page.locator('li').filter({ hasText: 'Test Blog' });

    // First click: enter confirm state
    await testBlogItem.locator('button').last().click();

    // The button text should change to "Confirmer ?"
    await expect(
      testBlogItem.getByText('Confirmer ?'),
    ).toBeVisible({ timeout: 3_000 });

    // Second click: confirm delete
    await testBlogItem.getByText('Confirmer ?').click();

    // Wait for the source to be removed from the list
    await expect(page.getByText('Test Blog')).not.toBeVisible({
      timeout: 5_000,
    });

    // Step 6: Verify only 1 source remains
    const remainingItems = page.locator('ul > li').filter({
      has: page.locator('.text-indigo-600'),
    });
    await expect(remainingItems).toHaveCount(1);

    // The remaining source should be "News Site"
    await expect(page.getByText('News Site')).toBeVisible();
  });
});