1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { Breadcrumbs, type BreadcrumbsItem } from './breadcrumbs';
const items: BreadcrumbsItem[] = [
{ id: 'home', url: '#', name: 'Home' },
{ id: 'blog', url: '#', name: 'Blog' },
{ id: 'post1', url: '#', name: 'A Post' },
];
describe('Breadcrumbs', () => {
it('renders a list of items wrapped in a nav element', () => {
const ariaLabel = 'error tempore iure';
render(<Breadcrumbs aria-label={ariaLabel} items={items} />);
expect(rtlScreen.getByRole('navigation')).toHaveAccessibleName(ariaLabel);
expect(rtlScreen.getAllByRole('listitem')).toHaveLength(items.length);
// The last item should not be linked
expect(rtlScreen.getAllByRole('link')).toHaveLength(items.length - 1);
});
});
|
