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

describe('ContactPage', () => {
  it('renders heading and lead', () => {
    const wrapper = mount(ContactPage)
    expect(wrapper.text()).toContain('Kontakta oss')
    expect(wrapper.text()).toContain('klagomål')
  })

  it('renders support email', () => {
    const wrapper = mount(ContactPage)
    expect(wrapper.text()).toContain('support@bilhej.se')
  })

  it('renders general contact email', () => {
    const wrapper = mount(ContactPage)
    expect(wrapper.text()).toContain('kontakt@bilhej.se')
  })

  it('renders complaints email', () => {
    const wrapper = mount(ContactPage)
    expect(wrapper.text()).toContain('klagomal@bilhej.se')
  })

  it('links support to mailto', () => {
    const wrapper = mount(ContactPage)
    const link = wrapper.find('a[href="mailto:support@bilhej.se"]')
    expect(link.exists()).toBe(true)
    expect(link.text()).toBe('support@bilhej.se')
    expect(link.attributes('aria-label')).toBe(
      'Skicka till support: support@bilhej.se',
    )
  })
})