import { describe, expect, it } from 'vite-plus/test'
import { screen } from '@testing-library/vue'
import { createHarness } from '@/__tests__/TestHarness'
import Component from './ExpandableContentBlock.vue'

describe('expandableContentBlock.vue', () => {
  const h = createHarness()

  it('shows Read More button initially', () => {
    h.render(Component, {
      slots: { default: 'Long content here' },
    })

    screen.getByText('Read More')
  })

  it('hides Read More button after clicking it', async () => {
    h.render(Component, {
      slots: { default: 'Long content here' },
    })

    await h.user.click(screen.getByText('Read More'))
    expect(screen.queryByText('Read More')).toBeNull()
  })
})