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

describe('ZoneTag', () => {
  it('renders FREE zone', () => {
    render(<ZoneTag zone="FREE" />)
    expect(screen.getByText(/livre/i)).toBeInTheDocument()
  })

  it('renders CONDITIONAL zone', () => {
    render(<ZoneTag zone="CONDITIONAL" />)
    expect(screen.getByText(/condicionada/i)).toBeInTheDocument()
  })

  it('renders FORBIDDEN zone', () => {
    render(<ZoneTag zone="FORBIDDEN" />)
    expect(screen.getByText(/proibida/i)).toBeInTheDocument()
  })
})