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

const makeHit = (id: string, content: string) => ({
  id,
  content,
  senderName: 'Alice',
  sourceGroupName: 'UP Parivar Dallas',
  tags: ['#important'],
  approvedAt: 1748390400000,
});

describe('SearchResults', () => {
  it('shows "no results" when hits array is empty', () => {
    render(<SearchResults hits={[]} total={0} q="missing" page={1} />);
    expect(screen.getByText(/no results/i)).toBeInTheDocument();
  });

  it('renders each hit content', () => {
    render(
      <SearchResults
        hits={[makeHit('m1', 'Hello world'), makeHit('m2', 'Event tonight')]}
        total={2}
        q="hello"
        page={1}
      />,
    );
    expect(screen.getByText('Hello world')).toBeInTheDocument();
    expect(screen.getByText('Event tonight')).toBeInTheDocument();
  });

  it('shows the total result count', () => {
    render(<SearchResults hits={[makeHit('m1', 'Test')]} total={42} q="test" page={1} />);
    expect(screen.getByText(/42/)).toBeInTheDocument();
  });

  it('shows sender name, group name, and formatted date for each hit', () => {
    render(<SearchResults hits={[makeHit('m1', 'Test')]} total={1} q="test" page={1} />);
    expect(screen.getByText(/alice/i)).toBeInTheDocument();
    expect(screen.getByText(/UP Parivar Dallas/i)).toBeInTheDocument();
    // approvedAt: 1748390400000 — verify a date string is rendered (locale-aware)
    expect(screen.getByText(new Date(1748390400000).toLocaleDateString())).toBeInTheDocument();
  });

  it('shows tags for each hit', () => {
    render(<SearchResults hits={[makeHit('m1', 'Test')]} total={1} q="test" page={1} />);
    expect(screen.getByText('#important')).toBeInTheDocument();
  });
});