import { describe, expect, it } from 'vitest'
import { mount } from '@vue/test-utils'

import BadgePage from '../playground/docs/pages/BadgePage.vue'

describe('BadgePage', () => {
  it('renders the Badge page as a canonical Figma-first review page', () => {
    const wrapper = mount(BadgePage, {
      props: {
        locale: 'en-US',
      },
    })

    expect(wrapper.text()).toContain('Figma Coverage')
    expect(wrapper.text()).toContain('source=Badge')
    expect(wrapper.text()).toContain('variant count=20')
    expect(wrapper.text()).toContain('Tag Buttons')
    expect(wrapper.text()).toContain('Type Buttons')
    expect(wrapper.text()).toContain('Color Buttons')
    expect(wrapper.text()).toContain('Badge API')
  })
})