4806c417c8
Fold duplicated campanha access, loaders, list/filter/form shells, and scripts into shared modules; reorganize utilities by domain; stabilize e2e; and document prevention-first audit workflow so the same smells cannot creep back in.
407 lines
18 KiB
TypeScript
407 lines
18 KiB
TypeScript
import { SUPPORTER_REGISTRATION_CONSENT_KEY } from '../../src/lib/campaignConsentKeys.js'
|
|
import {
|
|
ensureLeasedConsent,
|
|
SUPPORTER_REGISTRATION_CONSENT_LEASE_KEY,
|
|
} from '../helpers/testDatabaseLease.js'
|
|
import {
|
|
checkRadixWhenHydrated,
|
|
expect,
|
|
expectPostResponse,
|
|
test,
|
|
} from './fixtures/campaignE2EFixtures.js'
|
|
|
|
/**
|
|
* Core municipality-model journeys per role: coordinator strategy editing, advisor
|
|
* scoping, staff declare/estimate privacy boundary, leader lockdown, and staff-only
|
|
* demand workflow.
|
|
*
|
|
* The shared registration consent is LEASED (`ensureLeasedConsent`), never owned
|
|
* through the fixture proxy — creating it there would let this file's cleanup
|
|
* delete the row a parallel spec is using.
|
|
*/
|
|
|
|
test.describe('Municípios — jornadas por papel', () => {
|
|
test('coordinator opens the municipalities list, edits strategy and assigns an advisor', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const coordinator = await fixtures.createCampaignUser('coordinator', {
|
|
name: fixtures.value('Coordenadora Geral'),
|
|
})
|
|
const password = coordinator.password
|
|
const advisor = await fixtures.createCampaignUser('advisor', {
|
|
name: fixtures.value('Assessor Regional'),
|
|
})
|
|
const municipality = await fixtures.claimMunicipality()
|
|
|
|
await campaign.login(page, coordinator.email!, password)
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios`)
|
|
await expect(page.getByRole('heading', { name: 'Municípios', exact: true })).toBeVisible()
|
|
|
|
// E9 allocation queue: the list opens on the uncovered deficit and exposes
|
|
// the freshness column the ordering is paired with. `exact` keeps this off
|
|
// the table caption, which embeds the same summary plus column glossary.
|
|
await expect(
|
|
page.getByText('Ordenado por Cobertura (maior déficit primeiro)', { exact: true }),
|
|
).toBeVisible()
|
|
await expect(
|
|
page.getByRole('columnheader', { name: /Ordenar por Frescor do sinal/ }),
|
|
).toBeVisible()
|
|
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios/${municipality.slug}`)
|
|
await expect(page.getByRole('heading', { name: municipality.name })).toBeVisible()
|
|
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios/${municipality.slug}/editar`)
|
|
await page.getByLabel(`${advisor.name} `, { exact: false }).check()
|
|
await page.getByRole('button', { name: 'Salvar assessores' }).click()
|
|
await expect(page.getByText('Assessores atualizados.')).toBeVisible()
|
|
|
|
await page.getByLabel('Pessimista', { exact: true }).fill('1000')
|
|
await page.getByLabel('Média', { exact: true }).fill('3000')
|
|
await page.getByLabel('Otimista', { exact: true }).fill('5000')
|
|
await page.getByRole('button', { name: 'Salvar votos estimados' }).click()
|
|
await expect(page.getByText('Votos estimados atualizados.')).toBeVisible()
|
|
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios/${municipality.slug}`)
|
|
// "Conta da cadeira" (E8) shows the saved scenario values through
|
|
// `MunicipalityListExpectedVotesControl` — a compact edit-in-place
|
|
// control whose only always-visible digits are the active scenario
|
|
// (`central`, "3.000" here). The full pessimistic/central/optimistic
|
|
// trio only becomes plain page text via its screen-reader summary
|
|
// (visually a hover-only preview otherwise), so assert against that
|
|
// unique, unambiguous string rather than a bare "5.000" substring —
|
|
// that also matches the (opacity-0 but DOM-visible) hover-preview span.
|
|
await expect(page.getByText('Otimista: 5.000')).toBeVisible()
|
|
await expect(page.getByText(`Assessoria: ${advisor.name}`)).toBeVisible()
|
|
})
|
|
|
|
test('coordinator assigns an advisor from the list combobox with auto-save (B27)', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const coordinator = await fixtures.createCampaignUser('coordinator', {
|
|
name: fixtures.value('Coordenador Combobox'),
|
|
})
|
|
const password = coordinator.password
|
|
const advisor = await fixtures.createCampaignUser('advisor', {
|
|
name: fixtures.value('Assessora Combobox'),
|
|
})
|
|
const municipality = await fixtures.claimMunicipality()
|
|
|
|
await campaign.login(page, coordinator.email!, password)
|
|
await page.goto(
|
|
`${campaign.baseURL}/campanha/municipios?q=${encodeURIComponent(municipality.name)}`,
|
|
)
|
|
await expect(page.getByRole('heading', { name: 'Municípios', exact: true })).toBeVisible()
|
|
|
|
const advisorsTrigger = page.getByRole('button', { name: 'Editar assessores' })
|
|
await advisorsTrigger.click()
|
|
|
|
const advisorsPopover = page.locator('[data-slot="popover-content"]')
|
|
await expect(advisorsPopover).toBeVisible()
|
|
|
|
const searchNamePart = advisor.name.split(' ')[0]
|
|
const search = advisorsPopover.getByRole('combobox', { name: 'Buscar assessor' })
|
|
const option = advisorsPopover.getByRole('option', { name: advisor.name })
|
|
// No "Salvar" button in this popover: selecting the option auto-saves the
|
|
// delta and renders it as a removable chip immediately.
|
|
const chip = advisorsPopover.getByRole('button', { name: `Remover ${advisor.name}` })
|
|
// Click the option itself: the inner text generic does not always trigger
|
|
// the combobox selection (measured — the popover stayed on "selected: você").
|
|
// Retry loop for the pre-hydration flake class (same as
|
|
// `checkRadixWhenHydrated`): a click before React attaches is a silent
|
|
// no-op, so the probe retries until the chip sticks.
|
|
await expect(async () => {
|
|
await search.fill(searchNamePart)
|
|
await option.click({ timeout: 1_000 })
|
|
await expect(chip).toBeVisible({ timeout: 4_000 })
|
|
}).toPass({ timeout: 20_000 })
|
|
|
|
// The popover stays open after the write (auto-save, not submit+close).
|
|
await expect(advisorsPopover).toBeVisible()
|
|
await page.keyboard.press('Escape')
|
|
|
|
// Persistence: reload and reopen to confirm the server, not just local
|
|
// state, now holds the assignment.
|
|
await page.reload()
|
|
await page.getByRole('button', { name: 'Editar assessores' }).click()
|
|
await expect(
|
|
page.locator('[data-slot="popover-content"]').getByRole('button', {
|
|
name: `Remover ${advisor.name}`,
|
|
}),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('coordinator sets trend status and justification with auto-save (B24)', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const coordinator = await fixtures.createCampaignUser('coordinator', {
|
|
name: fixtures.value('Coordenador Tendência'),
|
|
})
|
|
const password = coordinator.password
|
|
const municipality = await fixtures.claimMunicipality()
|
|
const note = fixtures.value('Vereador confirmou apoio local')
|
|
|
|
await campaign.login(page, coordinator.email!, password)
|
|
await page.goto(
|
|
`${campaign.baseURL}/campanha/municipios?q=${encodeURIComponent(municipality.name)}`,
|
|
)
|
|
await expect(page.getByRole('heading', { name: 'Municípios', exact: true })).toBeVisible()
|
|
|
|
await page.getByRole('button', { name: 'Editar tendência política' }).click()
|
|
const trendPopover = page.locator('[data-slot="popover-content"]')
|
|
await expect(trendPopover).toBeVisible()
|
|
await expect(trendPopover.getByRole('button', { name: 'Salvar' })).toHaveCount(0)
|
|
|
|
await trendPopover.getByLabel('Justificativa').fill(note)
|
|
await trendPopover.getByLabel('Tendência', { exact: true }).selectOption('favoravel')
|
|
await Promise.all([
|
|
expectPostResponse(page, '/campanha/municipios/political-trend'),
|
|
trendPopover.getByLabel('Justificativa').blur(),
|
|
])
|
|
|
|
await expect(page.getByRole('button', { name: 'Editar tendência política' })).toContainText(
|
|
'Favorável',
|
|
)
|
|
|
|
await page.keyboard.press('Escape')
|
|
await page.reload()
|
|
await page.getByRole('button', { name: 'Editar tendência política' }).click()
|
|
const reopened = page.locator('[data-slot="popover-content"]')
|
|
await expect(reopened.getByLabel('Tendência', { exact: true })).toHaveValue('favoravel')
|
|
await expect(reopened.getByLabel('Justificativa')).toHaveValue(note)
|
|
})
|
|
|
|
test('coordinator registers a typed signal from the list freshness cell', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const coordinator = await fixtures.createCampaignUser('coordinator', {
|
|
name: fixtures.value('Coordenador Sinal'),
|
|
})
|
|
const password = coordinator.password
|
|
const municipality = await fixtures.claimMunicipality()
|
|
|
|
await campaign.login(page, coordinator.email!, password)
|
|
await page.goto(
|
|
`${campaign.baseURL}/campanha/municipios?q=${encodeURIComponent(municipality.name)}`,
|
|
)
|
|
await expect(page.getByRole('heading', { name: 'Municípios', exact: true })).toBeVisible()
|
|
|
|
// Anchored: a bare template regex on a municipality name collides with
|
|
// prefix-shared names (Conde/Condeúba — 23/435 measured in the catalog),
|
|
// and `exact` no longer matches because the accessible name appends the
|
|
// current signal state ("— Sem sinal").
|
|
const signalTrigger = page.getByRole('button', {
|
|
name: new RegExp(`^Registrar sinal em ${municipality.name} —`),
|
|
})
|
|
await expect(signalTrigger).toBeVisible()
|
|
await signalTrigger.click()
|
|
|
|
const signalForm = page.locator('[data-slot="popover-content"]')
|
|
await expect(signalForm).toBeVisible()
|
|
await signalForm
|
|
.getByRole('textbox', { name: 'Texto' })
|
|
.fill('Liderança local reportou visita adversária na feira.')
|
|
await signalForm.getByLabel('Tipo do sinal').selectOption('visita_adversario')
|
|
await signalForm
|
|
.getByRole('textbox', { name: 'Fonte', exact: true })
|
|
.fill('Liderança local / WhatsApp')
|
|
await signalForm.getByRole('button', { name: 'Registrar sinal', exact: true }).click()
|
|
|
|
await expect(page.getByText('Sinal registrado.', { exact: true })).toBeVisible()
|
|
await expect(
|
|
page.getByRole('button', {
|
|
name: `Registrar sinal em ${municipality.name} — hoje`,
|
|
}),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('advisor scopes municipalities; staff declare and estimate; leader is locked to contacts', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const administered = await fixtures.claimMunicipality()
|
|
const outside = await fixtures.claimMunicipality()
|
|
|
|
const advisor = await fixtures.createCampaignUser('advisor', {
|
|
name: fixtures.value('Assessora'),
|
|
})
|
|
const password = advisor.password
|
|
await campaign.payload.update({
|
|
collection: 'municipality',
|
|
id: administered.id,
|
|
data: { advisors: [advisor.id] },
|
|
depth: 0,
|
|
})
|
|
fixtures.touchMunicipality(administered.id)
|
|
|
|
const leaderPhone = fixtures.phone()
|
|
const leaderAccount = await fixtures.createCampaignUser('leader', {
|
|
name: fixtures.value('Liderança'),
|
|
username: leaderPhone,
|
|
})
|
|
const contact = await campaign.payload.create({
|
|
collection: 'contact',
|
|
data: {
|
|
name: fixtures.value('Contato Liderança'),
|
|
phone: leaderPhone,
|
|
state: 'BA',
|
|
city: administered.name,
|
|
},
|
|
depth: 0,
|
|
})
|
|
const leadership = await campaign.payload.create({
|
|
collection: 'leadership',
|
|
data: {
|
|
contact: contact.id,
|
|
municipalities: [administered.id],
|
|
supportStatus: 'engajado',
|
|
user: leaderAccount.id,
|
|
},
|
|
depth: 0,
|
|
})
|
|
|
|
await ensureLeasedConsent(campaign.payload, {
|
|
consentKey: SUPPORTER_REGISTRATION_CONSENT_KEY,
|
|
leaseKey: SUPPORTER_REGISTRATION_CONSENT_LEASE_KEY,
|
|
})
|
|
|
|
// Advisor scope: only the administered municipality shows up.
|
|
await campaign.login(page, advisor.email!, password)
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios`)
|
|
await expect(
|
|
page.getByRole('link', { name: administered.name, exact: true }).first(),
|
|
).toBeVisible()
|
|
await expect(page.getByRole('link', { name: outside.name, exact: true })).toHaveCount(0)
|
|
|
|
// Staff declare votes on behalf of the leadership.
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios/${administered.slug}?tab=leaderships`)
|
|
await expect(page.getByRole('link', { name: contact.name })).toBeVisible()
|
|
await page.getByLabel('Quantos votos a liderança traz neste município?').fill('250')
|
|
await page.getByRole('button', { name: 'Declarar' }).click()
|
|
await expect(page.getByText('Declaração de votos registrada.')).toBeVisible()
|
|
|
|
// Advisor records an internal estimate on the overview pledges panel.
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios/${administered.slug}`)
|
|
await page.getByLabel('Média', { exact: true }).fill('90')
|
|
await page.getByLabel('Justificativa').fill('Histórico da região indica menos.')
|
|
await page.getByRole('button', { name: 'Salvar estimativa' }).click()
|
|
await expect(page.getByText('Média: 90')).toBeVisible()
|
|
|
|
// Leader home is the contact tool; municipalities redirect away.
|
|
// Each `createCampaignUser` call mints its own password — the advisor's
|
|
// `password` variable above does NOT unlock the leader account.
|
|
await campaign.login(page, leaderPhone, leaderAccount.password)
|
|
await page.goto(`${campaign.baseURL}/campanha`)
|
|
await expect(page.getByText('Cadastre apoiadores pelo celular.')).toBeVisible()
|
|
|
|
await page.goto(`${campaign.baseURL}/campanha/municipios`)
|
|
await expect(page).toHaveURL(`${campaign.baseURL}/campanha`)
|
|
|
|
const supporterName = fixtures.value('Apoiador Liderança')
|
|
const supporterPhone = fixtures.phone()
|
|
await page.getByLabel('Nome *').fill(supporterName)
|
|
await page.getByLabel('Celular *').fill(supporterPhone)
|
|
// Radix checkbox: a pre-hydration click is a silent no-op (B13/B17 flake).
|
|
await checkRadixWhenHydrated(page, 'A pessoa autorizou o cadastro *')
|
|
await page.getByRole('button', { name: 'Cadastrar contato' }).click()
|
|
await expect(page.getByText(supporterName)).toBeVisible()
|
|
|
|
expect(leadership.id).toBeGreaterThan(0)
|
|
})
|
|
|
|
test('advisor opens a demand and decides it', async ({ campaign, page }) => {
|
|
const { fixtures } = campaign
|
|
const municipality = await fixtures.claimMunicipality()
|
|
|
|
const advisor = await fixtures.createCampaignUser('advisor', {
|
|
name: fixtures.value('Assessor Demandas'),
|
|
})
|
|
const password = advisor.password
|
|
await campaign.payload.update({
|
|
collection: 'municipality',
|
|
id: municipality.id,
|
|
data: { advisors: [advisor.id] },
|
|
depth: 0,
|
|
})
|
|
fixtures.touchMunicipality(municipality.id)
|
|
|
|
const demandTitle = fixtures.value('Carro de som')
|
|
|
|
await campaign.login(page, advisor.email!, password)
|
|
await page.goto(`${campaign.baseURL}/campanha/demandas/nova`)
|
|
await page.getByLabel('O que você precisa?').fill(demandTitle)
|
|
await page.getByLabel('Município').selectOption({ label: municipality.name })
|
|
await page.getByLabel('Detalhe a necessidade').fill('Precisamos para a caminhada de sábado.')
|
|
await page.getByRole('button', { name: 'Abrir demanda' }).click()
|
|
await expect(page.getByRole('heading', { name: demandTitle })).toBeVisible()
|
|
await expect(page.getByRole('button', { name: 'Aprovar' })).toBeVisible()
|
|
|
|
await page.goto(`${campaign.baseURL}/campanha/demandas`)
|
|
await page.getByRole('link', { name: demandTitle }).click()
|
|
await page.getByLabel('Nota da decisão').fill('Aprovado — retirar no comitê.')
|
|
await page.getByRole('button', { name: 'Aprovar' }).click()
|
|
await expect(page.getByText('Esta demanda já foi decidida.')).toBeVisible()
|
|
await expect(page.getByText('Aprovada', { exact: true })).toBeVisible()
|
|
})
|
|
})
|
|
|
|
/**
|
|
* B42: on the phone the list is cards, the quick-edit cells are Drawers, and the
|
|
* card itself is the way into the município — the "Abrir município" button is
|
|
* gone. The two gestures that can only fail together are pinned here: tapping a
|
|
* control must not navigate, and tapping anything else must.
|
|
*/
|
|
test.describe('Municípios — cards no celular (B42)', () => {
|
|
test.use({ viewport: { width: 390, height: 844 } })
|
|
|
|
test('opens the trend Drawer without navigating, and the card body opens the município', async ({
|
|
campaign,
|
|
page,
|
|
}) => {
|
|
const { fixtures } = campaign
|
|
const coordinator = await fixtures.createCampaignUser('coordinator', {
|
|
name: fixtures.value('Coordenador Mobile'),
|
|
})
|
|
const password = coordinator.password
|
|
const municipality = await fixtures.claimMunicipality()
|
|
|
|
await campaign.login(page, coordinator.email!, password)
|
|
const listURL = `${campaign.baseURL}/campanha/municipios?q=${encodeURIComponent(municipality.name)}`
|
|
await page.goto(listURL)
|
|
|
|
const card = page.locator('[data-view="mobile-cards"] article').first()
|
|
await expect(card).toBeVisible()
|
|
await expect(page.getByRole('link', { name: 'Abrir município' })).toHaveCount(0)
|
|
|
|
await card.getByRole('button', { name: 'Editar tendência política' }).click()
|
|
const drawer = page.locator('[data-slot="drawer-popup"]')
|
|
await expect(drawer).toBeVisible()
|
|
await expect(drawer.getByText(municipality.name, { exact: true })).toBeVisible()
|
|
await expect(page).toHaveURL(listURL)
|
|
|
|
await drawer.getByRole('button', { name: 'Fechar' }).click()
|
|
await expect(drawer).toBeHidden()
|
|
|
|
// Anywhere outside a control is the município's own link: the click lands on
|
|
// the stretched `after:inset-0` overlay, which belongs to the card heading.
|
|
// The tap goes on a field LABEL inside the metrics grid on purpose — the
|
|
// first version of this card positioned each grid cell instead of each
|
|
// control, which lifted the labels and their padding above the overlay and
|
|
// made half the card a tap that neither edited nor navigated.
|
|
// `force`: Playwright's hit-target check retries forever here precisely
|
|
// BECAUSE the stretched overlay intercepts the pointer — which is the
|
|
// behavior under test. Force dispatches the tap at the label's point, the
|
|
// overlay receives it (as a user's finger would), and the card navigates.
|
|
await card.getByText('Tendência', { exact: true }).click({ force: true })
|
|
await expect(page).toHaveURL(`${campaign.baseURL}/campanha/municipios/${municipality.slug}`)
|
|
await expect(page.getByRole('heading', { name: municipality.name })).toBeVisible()
|
|
})
|
|
})
|