src/components/molecules/nav/nav-item/nav-item.test.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { NavLink } from '../nav-link';
import { NavItem } from './nav-item';

describe('NavItem', () => {
  it('renders its children', () => {
    const label = 'maxime';
    const target = '#sunt';

    render(
      <ul>
        <NavItem>
          <NavLink href={target} label={label} />
        </NavItem>
      </ul>
    );

    expect(rtlScreen.getByRole('listitem')).toHaveTextContent(label);
    expect(rtlScreen.getByRole('link', { name: label })).toHaveAttribute(
      'href',
      target
    );
  });
});