// @vitest-environment jsdom
import { afterEach, describe, expect, it } from 'vitest';
import { cleanup, render, screen } from '@testing-library/react';

import CardDetailLocalStores from '../../components/card-detail/CardDetailLocalStores.js';

describe('CardDetailLocalStores', () => {
  afterEach(() => cleanup());

  it('prompts to set zip when missing', () => {
    render(<CardDetailLocalStores noHomeZip />);
    expect(screen.getByText(/game stores near you/i)).toBeTruthy();
    expect(screen.getByRole('link', { name: /set home zip/i }).getAttribute('href')).toBe('/settings');
  });

  it('renders populated store list', () => {
    render(
      <CardDetailLocalStores
        stores={[
          {
            id: 'node/1',
            name: 'Game Haven',
            address: '1 Main St',
            distanceMiles: 2.1,
            phone: '555-0100',
            website: 'https://example.com',
            osmUrl: 'https://www.openstreetmap.org/node/1',
          },
        ]}
      />
    );

    expect(screen.getByText('Game Haven')).toBeTruthy();
    expect(screen.getByText(/2\.1 mi away/i)).toBeTruthy();
    expect(screen.getByRole('link', { name: /visit website/i }).getAttribute('href')).toBe('https://example.com');
  });

  it('shows gentle empty copy when no stores found', () => {
    render(<CardDetailLocalStores stores={[]} />);
    expect(screen.getByText(/no game or hobby stores found/i)).toBeTruthy();
  });
});