src/components/organisms/navbar/navbar.test.tsx


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

import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { Navbar } from './navbar';
import { NavbarItem } from './navbar-item';

describe('Navbar', () => {
  it('renders the given items', () => {
    render(
      <Navbar>
        <NavbarItem icon="hamburger" id="main-nav" label="Main nav">
          Main nav
        </NavbarItem>
        <NavbarItem icon="magnifying-glass" id="search" label="Search">
          Search form
        </NavbarItem>
      </Navbar>
    );

    expect(rtlScreen.getAllByRole('listitem')).toHaveLength(2);
  });
});