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

describe('<ScatterplotSkeleton>', () => {
  it('renders the default 24 dots', () => {
    const { container } = render(<ScatterplotSkeleton />)
    expect(
      container.querySelectorAll('.MuiSkeleton-root').length,
    ).toBeGreaterThan(20)
  })

  it('honours custom count', () => {
    const { container } = render(<ScatterplotSkeleton count={5} />)
    expect(container.firstChild).not.toBeNull()
  })
})
