import { describe, expect, it } from 'vitest'
import { render, screen } from '@testing-library/react'
import { MemoryRouter } from 'react-router-dom'
import { Layout } from '../components/Layout'

describe('Layout', () => {
  it('renders navigation and theme toggle', () => {
    render(
      <MemoryRouter>
        <Layout />
      </MemoryRouter>,
    )
    expect(screen.getAllByText(/Kererū/).length).toBeGreaterThan(0)
    expect(screen.getByRole('navigation', { name: /main/i })).toBeInTheDocument()
    expect(screen.getByRole('group', { name: /colour theme/i })).toBeInTheDocument()
  })
})