src/components/atoms/icons/plus-minus.test.tsx


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

import { render, screen } from '@test-utils';
import PlusMinus from './plus-minus';

describe('PlusMinus', () => {
  it('renders a plus icon', () => {
    render(<PlusMinus state="plus" ariaHidden={false} ariaLabel="Plus icon" />);
    expect(screen.getByLabelText('Plus icon')).toHaveClass('icon--plus');
  });

  it('renders a minus icon', () => {
    render(
      <PlusMinus state="minus" ariaHidden={false} ariaLabel="Minus icon" />
    );
    expect(screen.getByLabelText('Minus icon')).toHaveClass('icon--minus');
  });
});