113 lines
4.8 KiB
TypeScript
113 lines
4.8 KiB
TypeScript
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()
|
|
})
|
|
})
|