bd06018bde
Mobile bottom nav (staff only): 5 items (Início, Municípios, Atualizações, Agenda, Mais) with Drawer overflow for secondary destinations. Leader and desktop remain sidebar-only. FAB + scroll padding adjusted for safe-area. Resolves #400
104 lines
4.1 KiB
TypeScript
104 lines
4.1 KiB
TypeScript
// @vitest-environment node
|
|
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
import {
|
|
getCampaignBottomNav,
|
|
getCampaignNav,
|
|
getCampaignOverflowNav,
|
|
isCampaignNavActive,
|
|
} from '@/components/campaign/shell/nav'
|
|
import { CAMPAIGN_AGENDA_HOME, CAMPAIGN_UPDATES_HREF } from '@/lib/campaignPaths'
|
|
import { ORGANIZATIONS_LIST_PATH } from '@/lib/campaignQuickActionPaths'
|
|
|
|
describe('organizations sidebar entry', () => {
|
|
it('is offered to staff after Lideranças', () => {
|
|
const hrefs = getCampaignNav('coordinator').map((item) => item.href)
|
|
const leadershipIndex = hrefs.indexOf('/campanha/liderancas')
|
|
const organizationsIndex = hrefs.indexOf(ORGANIZATIONS_LIST_PATH)
|
|
|
|
expect(organizationsIndex).toBeGreaterThan(-1)
|
|
expect(organizationsIndex).toBe(leadershipIndex + 1)
|
|
})
|
|
|
|
it('is visible to advisor and candidate', () => {
|
|
expect(getCampaignNav('advisor').map((item) => item.href)).toContain(ORGANIZATIONS_LIST_PATH)
|
|
expect(getCampaignNav('candidate').map((item) => item.href)).toContain(ORGANIZATIONS_LIST_PATH)
|
|
})
|
|
|
|
it('is hidden from leaders', () => {
|
|
expect(getCampaignNav('leader').map((item) => item.href)).not.toContain(ORGANIZATIONS_LIST_PATH)
|
|
})
|
|
|
|
it('marks list, detail, and nova as active', () => {
|
|
expect(isCampaignNavActive(ORGANIZATIONS_LIST_PATH, ORGANIZATIONS_LIST_PATH)).toBe(true)
|
|
expect(isCampaignNavActive('/campanha/organizacoes/sindmed', ORGANIZATIONS_LIST_PATH)).toBe(
|
|
true,
|
|
)
|
|
expect(isCampaignNavActive('/campanha/organizacoes/nova', ORGANIZATIONS_LIST_PATH)).toBe(true)
|
|
})
|
|
})
|
|
|
|
describe('agenda sidebar entry', () => {
|
|
it('replaces Atividades for staff and stays hidden from leaders', () => {
|
|
for (const role of ['coordinator', 'candidate', 'advisor'] as const) {
|
|
const agenda = getCampaignNav(role).find((item) => item.href === CAMPAIGN_AGENDA_HOME)
|
|
expect(agenda?.title).toBe('Agenda')
|
|
}
|
|
expect(getCampaignNav('leader').map((item) => item.href)).not.toContain(CAMPAIGN_AGENDA_HOME)
|
|
})
|
|
|
|
it('stays active on the agenda and legacy activity routes', () => {
|
|
expect(isCampaignNavActive(CAMPAIGN_AGENDA_HOME, CAMPAIGN_AGENDA_HOME)).toBe(true)
|
|
expect(isCampaignNavActive('/campanha/atividades', CAMPAIGN_AGENDA_HOME)).toBe(true)
|
|
expect(isCampaignNavActive('/campanha/atividades/comicio', CAMPAIGN_AGENDA_HOME)).toBe(true)
|
|
expect(isCampaignNavActive('/campanha/atividades/comicio/editar', CAMPAIGN_AGENDA_HOME)).toBe(
|
|
true,
|
|
)
|
|
})
|
|
})
|
|
|
|
describe('mobile bottom nav', () => {
|
|
it('offers exactly five primary items to staff, zero to leaders', () => {
|
|
for (const role of ['coordinator', 'advisor', 'candidate'] as const) {
|
|
const items = getCampaignBottomNav(role)
|
|
expect(items).toHaveLength(5)
|
|
expect(items.map((i) => i.title)).toEqual([
|
|
'Início',
|
|
'Municípios',
|
|
'Atualizações',
|
|
'Agenda',
|
|
'Mais',
|
|
])
|
|
expect(items.map((i) => i.href)).toContain(CAMPAIGN_UPDATES_HREF)
|
|
}
|
|
expect(getCampaignBottomNav('leader')).toHaveLength(0)
|
|
})
|
|
|
|
it('keeps Atualizações and Mais out of the overflow drawer', () => {
|
|
const overflow = getCampaignOverflowNav('coordinator').map((i) => i.href)
|
|
expect(overflow).not.toContain(CAMPAIGN_UPDATES_HREF)
|
|
expect(overflow).not.toContain('')
|
|
// The four primaries (minus Mais) must not appear in overflow.
|
|
expect(overflow).not.toContain('/campanha')
|
|
expect(overflow).not.toContain('/campanha/municipios')
|
|
expect(overflow).not.toContain(CAMPAIGN_AGENDA_HOME)
|
|
})
|
|
|
|
it('overflow includes secondary nav (Conceitos)', () => {
|
|
const overflow = getCampaignOverflowNav('coordinator').map((i) => i.href)
|
|
expect(overflow).toContain('/campanha/conceitos')
|
|
})
|
|
|
|
it('overflow is zero for leaders', () => {
|
|
expect(getCampaignOverflowNav('leader')).toHaveLength(0)
|
|
})
|
|
|
|
it('matches Atualizações by prefix', () => {
|
|
expect(isCampaignNavActive(CAMPAIGN_UPDATES_HREF, CAMPAIGN_UPDATES_HREF)).toBe(true)
|
|
expect(isCampaignNavActive(`${CAMPAIGN_UPDATES_HREF}/algum-fio`, CAMPAIGN_UPDATES_HREF)).toBe(
|
|
true,
|
|
)
|
|
expect(isCampaignNavActive('/campanha/mais', CAMPAIGN_UPDATES_HREF)).toBe(false)
|
|
})
|
|
})
|