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

describe('SequenceProgressBar', () => {
  it('renders sequence progress and remaining time', () => {
    const wrapper = mount(SequenceProgressBar, {
      props: {
        progress: {
          current_sample: 3,
          total_samples: 6,
          elapsed_seconds: 180,
          sample_durations: [50, 70, 60],
        },
      },
    })

    expect(wrapper.get('.mint-sequence-progress__label').text()).toBe('3 / 6 samples')
    expect(wrapper.get('.mint-sequence-progress__percent').text()).toBe('50%')
    expect(wrapper.text()).toContain('~3m left')
  })

  it('supports compact rendering without footer labels', () => {
    const wrapper = mount(SequenceProgressBar, {
      props: {
        compact: true,
        label: 'injections',
        progress: {
          current_sample: 2,
          total_samples: 4,
          estimated_remaining_seconds: 120,
        },
      },
    })

    expect(wrapper.get('.mint-sequence-progress__label').text()).toBe('2 / 4 injections')
    expect(wrapper.find('.mint-sequence-progress__footer').exists()).toBe(false)
  })
})