import { expect, test } from './fixtures/campaignE2EFixtures.js'

/**
 * B17 — the column picker is shared by every `CampaignTable` surface, so what
 * is pinned here is the contract, not one screen: hiding survives a reload
 * (cookie), one list's choice does not leak into another, and the mandatory
 * column cannot be unchecked.
 *
 * Own file on purpose: `campaignMunicipalities.e2e.spec.ts` carries two
 * deterministic failures at one worker, ledgered as P1.
 */
/**
 * Toggling costs a full RSC round-trip of a heavy list route. In dev, with the
 * suite's two workers competing for the same server, that overruns the 5 s
 * default of `expect` — so the assertions that wait on the refresh get their
 * own budget instead of a flake nobody can reproduce at one worker.
 */
const REFRESH = { timeout: 20_000 }

test.describe('Seletor de colunas', () => {
  test('hides a column, keeps it hidden across reloads and restores it', async ({
    campaign,
    page,
  }) => {
    // Crosses two heavy list routes; `/campanha/liderancas` only finishes
    // compiling in dev when an authenticated request reaches its tree.
    test.slow()
    // B158 switches to cards below 48rem of content width. Give this picker
    // regression enough content room to observe table headers directly.
    await page.setViewportSize({ width: 1800, height: 900 })

    const { fixtures } = campaign
    const coordinator = await fixtures.createCampaignUser('coordinator', {
      name: fixtures.value('Coordenadora Colunas'),
    })
    const password = coordinator.password
    const email = coordinator.email!

    await campaign.login(page, email, password)
    await page.goto('/campanha/municipios')

    const votesHeader = page.getByRole('columnheader', { name: /2022/ })
    await expect(votesHeader).toBeVisible()

    const picker = page.getByRole('button', { name: /Mostrar ou ocultar colunas/ })
    await picker.click()
    // A fresh profile receives B158's two defaults. Restoring all records the
    // deliberate empty preference instead of reverting to those defaults.
    await page.getByRole('button', { name: 'Restaurar todas' }).click()
    await page.keyboard.press('Escape')
    await expect
      .poll(
        async () =>
          (await page.context().cookies()).find((cookie) => cookie.name === 'campaign_columns')
            ?.value,
      )
      .toContain('municipios:__none__')

    await picker.click()
    await page.getByRole('checkbox', { name: 'Votação 2022' }).click()
    // Closing flushes the batched cookie write and refreshes the RSC.
    await page.keyboard.press('Escape')

    await expect(votesHeader).toHaveCount(0, REFRESH)
    await expect(page.getByRole('button', { name: /1 oculta/ })).toBeVisible()

    await page.reload()
    await expect(page.getByRole('columnheader', { name: /2022/ })).toHaveCount(0, REFRESH)

    // The cookie carries one key per list: another list is untouched. The
    // territories list is the honest neighbour here — its 27 rows come from
    // the catalog, so it never falls into an empty state. B175 removed the
    // "Municípios" column (the count moved into the name), so "2022" (P0,
    // always on) is the marker that the municipios cookie did not leak.
    await page.goto('/campanha/territorios')
    await expect(page.getByRole('columnheader', { name: /2022/ })).toBeVisible()
    await expect(page.getByRole('button', { name: 'Mostrar ou ocultar colunas' })).toBeVisible()

    await page.goto('/campanha/municipios')
    await page.getByRole('button', { name: /Mostrar ou ocultar colunas/ }).click()
    await page.getByRole('button', { name: 'Restaurar todas' }).click()
    await page.keyboard.press('Escape')

    await expect(page.getByRole('columnheader', { name: /2022/ })).toBeVisible(REFRESH)
    await page.reload()
    await expect(page.getByRole('columnheader', { name: /2022/ })).toBeVisible(REFRESH)
    await expect
      .poll(
        async () =>
          (await page.context().cookies()).find((cookie) => cookie.name === 'campaign_columns')
            ?.value,
      )
      .toContain('municipios:__none__')
  })

  test('lists the mandatory column without letting it be unchecked', async ({ campaign, page }) => {
    const { fixtures } = campaign
    const coordinator = await fixtures.createCampaignUser('coordinator', {
      name: fixtures.value('Coordenadora Obrigatória'),
    })
    const password = coordinator.password
    const email = coordinator.email!

    await campaign.login(page, email, password)
    await page.goto('/campanha/municipios')

    await page.getByRole('button', { name: /Mostrar ou ocultar colunas/ }).click()
    // The name carries the reason too ("Município sempre visível").
    const mandatory = page.getByRole('checkbox', { name: /^Município/ })
    await expect(mandatory).toBeChecked()
    await expect(mandatory).toBeDisabled()
  })
})

test.describe('E-mail oculto por padrão nas listas de pessoas (B197)', () => {
  test('lideranças nasce sem a coluna de e-mail; o picker religa e a escolha persiste', async ({
    campaign,
    page,
  }) => {
    test.slow()
    await page.setViewportSize({ width: 1800, height: 900 })

    const { fixtures } = campaign
    const coordinator = await fixtures.createCampaignUser('coordinator', {
      name: fixtures.value('Coordenadora B197'),
    })
    await campaign.login(page, coordinator.email!, coordinator.password)
    await page.goto('/campanha/liderancas')

    // A fresh device starts with the default: email hidden, picker saying so.
    const emailHeader = page.getByRole('columnheader', { name: 'E-mail', exact: true })
    await expect(emailHeader).toHaveCount(0)
    const picker = page.getByRole('button', { name: /Mostrar ou ocultar colunas/ })
    await expect(picker).toBeVisible()
    await expect(page.getByRole('button', { name: /1 oculta/ })).toBeVisible()

    // Re-enabling paints the column and the choice survives a reload.
    await picker.click()
    await page.getByRole('checkbox', { name: 'E-mail', exact: true }).click()
    await page.keyboard.press('Escape')
    await expect(emailHeader).toBeVisible(REFRESH)
    await page.reload()
    await expect(emailHeader).toBeVisible(REFRESH)
  })

  test('assessores ganha o picker com o e-mail oculto; o draft de criação mantém o input', async ({
    campaign,
    page,
  }) => {
    test.slow()
    await page.setViewportSize({ width: 1800, height: 900 })

    const { fixtures } = campaign
    const coordinator = await fixtures.createCampaignUser('coordinator', {
      name: fixtures.value('Coordenadora B197 Assessores'),
    })
    const advisorName = fixtures.value('Assessor B197')
    await fixtures.createCampaignUser('advisor', { name: advisorName })
    await campaign.login(page, coordinator.email!, coordinator.password)
    await page.goto('/campanha/assessores')

    // The row renders without the email column; the picker is there and says 1 hidden.
    await expect(page.getByRole('link', { name: advisorName, exact: true })).toBeVisible()
    const emailHeader = page.getByRole('columnheader', { name: 'E-mail', exact: true })
    await expect(emailHeader).toHaveCount(0)
    const picker = page.getByRole('button', { name: /Mostrar ou ocultar colunas/ })
    await expect(picker).toBeVisible()
    await expect(page.getByRole('button', { name: /1 oculta/ })).toBeVisible()

    // The create-draft row keeps its email input while the column is hidden
    // (email is required to create an advisor).
    await page.getByRole('button', { name: 'Novo assessor', exact: true }).click()
    await expect(page.getByLabel('E-mail do novo assessor')).toBeVisible()

    // B197+ — the table body only conditions the email column, so every other
    // column is mandatory in the single source: their checkboxes are locked.
    await picker.click()
    const nameCheckbox = page.getByRole('checkbox', { name: 'Nome sempre visível' })
    await expect(nameCheckbox).toBeChecked()
    await expect(nameCheckbox).toBeDisabled()
    const phoneCheckbox = page.getByRole('checkbox', { name: 'Celular sempre visível' })
    await expect(phoneCheckbox).toBeChecked()
    await expect(phoneCheckbox).toBeDisabled()
    await page.keyboard.press('Escape')

    // Re-enabling paints the column and the choice survives a reload.
    await picker.click()
    await page.getByRole('checkbox', { name: 'E-mail', exact: true }).click()
    await page.keyboard.press('Escape')
    await expect(emailHeader).toBeVisible(REFRESH)
    await page.reload()
    await expect(emailHeader).toBeVisible(REFRESH)
  })
})