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

describe('DataCoveragePanel', () => {
  it('renders every gap and its linked spec reference', () => {
    render(
      <DataCoveragePanel
        gaps={[
          { id: 'A8', label: 'Per-attempt cost', specRef: '/spec#A8' },
          { id: 'A9', label: 'Executing account', specRef: '/spec#A9' },
          { id: 'A10', label: 'Watchdog idle signal', specRef: '/spec#A10' },
          { id: 'B7', label: 'Wrapper rate limits', specRef: '/spec#B7' },
        ]}
      />,
    )

    for (const id of ['A8', 'A9', 'A10', 'B7']) {
      expect(screen.getByRole('link', { name: new RegExp(id) })).toHaveAttribute(
        'href',
        `/spec#${id}`,
      )
    }
  })
})