import { describe, expect, it } from 'vitest'
import { render, waitFor } from '@testing-library/react'
import { Breadcrumbs } from './Breadcrumbs'
import { spokenPhraseUntil } from './sr-test-utils'

describe('Breadcrumbs [SR]', () => {
  it('announces linked breadcrumb items with accessible name/role', async () => {
    render(<Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Settings' }]} />)

    const phrase = await spokenPhraseUntil(document.body, (value) => value.toLowerCase().includes('home'))
    expect(phrase.toLowerCase()).toContain('home')
    expect(phrase.toLowerCase()).toMatch(/home|settings/)

    await waitFor(() => {
      expect(document.querySelector('nav[aria-label="Breadcrumb"]')).not.toBeNull()
    })
  })
})