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

describe('Button [SR]', () => {
  it('announces the button role and accessible name', async () => {
    render(<Button>Save draft</Button>)
    const phrase = await spokenPhraseUntil(document.body, (value) => value.toLowerCase().includes('save draft'))
    expect(phrase.toLowerCase()).toContain('save draft')
  })
})