import { render, screen } from '@testing-library/react'
import { describe, it, expect, vi } from 'vitest'

// Mock next/navigation
vi.mock('next/navigation', () => ({ usePathname: () => '/' }))
// Mock next/image
vi.mock('next/image', () => ({ default: ({ alt, ...props }: any) => <img alt={alt} {...props} /> }))

import { NavBar } from './NavBar'

describe('NavBar', () => {
  it('renders logo', () => {
    render(<NavBar />)
    expect(screen.getByAltText(/ondevoar/i)).toBeInTheDocument()
  })

  it('renders nav links', () => {
    render(<NavBar />)
    expect(screen.getByText('Spots')).toBeInTheDocument()
    expect(screen.getByText('Mapa')).toBeInTheDocument()
  })

  it('renders auth buttons', () => {
    render(<NavBar />)
    expect(screen.getByText('Entrar')).toBeInTheDocument()
    expect(screen.getByText('Registar')).toBeInTheDocument()
  })
})