import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '../../../../tests/utils';
import { LinksListWidget } from './links-list-widget';

const title = 'Voluptatem minus autem';

const items = [
  { name: 'Item 1', url: '/item-1' },
  { name: 'Item 2', url: '/item-2' },
  { name: 'Item 3', url: '/item-3' },
];

describe('LinksListWidget', () => {
  it('renders a widget title', () => {
    render(<LinksListWidget items={items} title={title} level={2} />);
    expect(
      rtlScreen.getByRole('heading', { level: 2, name: new RegExp(title, 'i') })
    ).toBeInTheDocument();
  });

  it('renders the correct number of items', () => {
    render(<LinksListWidget items={items} title={title} level={2} />);
    expect(rtlScreen.getAllByRole('listitem')).toHaveLength(items.length);
  });

  it('renders some links', () => {
    render(<LinksListWidget items={items} title={title} level={2} />);
    expect(
      rtlScreen.getByRole('link', { name: items[0].name })
    ).toHaveAttribute('href', items[0].url);
  });
});