import { describe, expect, it } from 'vitest'
import { render, screen } from '@testing-library/react'
import { Badge } from './Badge'

describe('Badge', () => {
  it('renders presentational status text without a button role', () => {
    render(<Badge tone="success">Active</Badge>)
    expect(screen.getByText('Active').tagName).toBe('SPAN')
    expect(screen.queryByRole('button')).toBeNull()
  })

  it('applies intent token classes (edge: danger tone)', () => {
    render(<Badge tone="danger">Failed</Badge>)
    const badge = screen.getByText('Failed')
    expect(badge.className).toContain('bg-danger')
    expect(badge.className).toContain('text-danger-fg')
    expect(badge.getAttribute('style')).toBeNull()
  })
})