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

describe('Home Page', () => {
  it('renders the hero section with correct title', () => {
    render(<Home />)
    expect(screen.getByText(/Spezialisierter Partner für Energiekabelprojekte/i)).toBeInTheDocument()
  })

  it('contains the CTA button', () => {
    render(<Home />)
    const ctaButton = screen.getByRole('link', { name: /Projekt anfragen/i })
    expect(ctaButton).toBeInTheDocument()
    expect(ctaButton).toHaveAttribute('href', '/kontakt')
  })

  it('renders the portfolio section', () => {
    render(<Home />)
    expect(screen.getByText(/Unsere Leistungen/i)).toBeInTheDocument()
    // Use getAllByText because it appears in both hero description and card title
    const elements = screen.getAllByText(/Technische Beratung/i)
    expect(elements.length).toBeGreaterThan(0)
  })
})
