4658cdd686
Mobile flex spacer keeps the B44/B45 strip in the lower viewport above bottom nav; md+ keeps actions at the top and reserves searchSlot order for B47.
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import { render, screen } from '@testing-library/react'
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
import { CampaignHomeLayout } from '@/components/campaign/dashboard/CampaignHomeLayout'
|
|
|
|
describe('CampaignHomeLayout', () => {
|
|
it('renders actions in the home-actions slot', () => {
|
|
render(<CampaignHomeLayout actions={<p>Actions block</p>} />)
|
|
|
|
expect(screen.getByText('Actions block').closest('[data-slot="home-actions"]')).not.toBeNull()
|
|
})
|
|
|
|
it('renders search slot when provided', () => {
|
|
render(
|
|
<CampaignHomeLayout
|
|
actions={<p>Actions block</p>}
|
|
searchSlot={<p data-testid="home-search-stub">Search stub</p>}
|
|
/>,
|
|
)
|
|
|
|
expect(
|
|
screen.getByTestId('home-search-stub').closest('[data-slot="home-search"]'),
|
|
).not.toBeNull()
|
|
})
|
|
|
|
it('omits search slot when not provided', () => {
|
|
const { container } = render(<CampaignHomeLayout actions={<p>Actions block</p>} />)
|
|
|
|
expect(container.querySelector('[data-slot="home-search"]')).toBeNull()
|
|
})
|
|
|
|
it('renders mobile thumb-zone spacer above actions', () => {
|
|
const { container } = render(<CampaignHomeLayout actions={<p>Actions block</p>} />)
|
|
|
|
const spacer = container.querySelector('[data-slot="home-actions"]')?.previousElementSibling
|
|
expect(spacer?.getAttribute('aria-hidden')).toBe('true')
|
|
expect(spacer?.className).toContain('flex-1')
|
|
expect(spacer?.className).toContain('md:hidden')
|
|
})
|
|
})
|