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

describe('Badge [SR]', () => {
  it('announces badge text and static text role', async () => {
    render(<Badge tone="success">Active</Badge>)
    const phrase = await spokenPhraseUntil(document.body, (value) =>
      value.toLowerCase().includes('active')
    )
    expect(phrase.toLowerCase()).toContain('active')
  })
})