section-layout.test.tsx

import { render, screen } from '@testing-library/react';

import { getSectionRoutes } from '@/config/routes';

import { SectionLayout } from './section-layout';

describe('SectionLayout', () => {
  it('renders the shared shell, global nav, and section route links', () => {
    render(
      <SectionLayout
        title="Public marketing"
        description="Public-facing route group."
        routes={getSectionRoutes('marketing')}
      >
        <div>Section content</div>
      </SectionLayout>,
    );

    // Both SiteHeader and SiteFooter render a "Lily Protocol" brand link;
    // assert at least the first one (header) points home.
    const brandLinks = screen.getAllByRole("link", { name: /lily protocol/i });
    expect(brandLinks.length).toBeGreaterThanOrEqual(1);
    expect(brandLinks[0]).toHaveAttribute("href", "/");
    expect(screen.getByRole("link", { name: /docs/i })).toHaveAttribute(
      "href",
      "/docs",
    );
    expect(screen.getByRole("link", { name: /landing page/i })).toHaveAttribute(
      "href",
      "/",
    );
    expect(screen.getByText("Section content")).toBeInTheDocument();
  });

  it('shows dynamic routes as non-clickable scaffold entries', () => {
    render(
      <SectionLayout
        title="Dashboard"
        description="Signed-in workspace."
        routes={getSectionRoutes('dashboard')}
      >
        <div>Dashboard section</div>
      </SectionLayout>,
    );

    expect(screen.getByText('/app/agents/[id]')).toBeInTheDocument();
  });

  it("passes automated accessibility audit with zero axe violations", async () => {
    const { container } = render(
      <SectionLayout
        title="Public marketing"
        description="Public-facing route group."
        routes={getSectionRoutes("marketing")}
      >
        <div>Section content</div>
      </SectionLayout>,
    );

    await checkA11y(container);
  });
});