src/components/atoms/lists/description-list-item.test.tsx


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

import { render, screen } from '@tests/utils';
import DescriptionListItem from './description-list-item';

const itemLabel = 'Repellendus corporis facilis';
const itemValue = ['quos', 'eum'];

describe('DescriptionListItem', () => {
  it('renders a couple of label', () => {
    render(<DescriptionListItem label={itemLabel} value={itemValue} />);
    expect(screen.getByRole('term')).toHaveTextContent(itemLabel);
  });

  it('renders the right number of values', () => {
    render(<DescriptionListItem label={itemLabel} value={itemValue} />);
    expect(screen.getAllByRole('definition')).toHaveLength(itemValue.length);
  });
});