import React from 'react';
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import Button from './Button';

describe('<Button />', () => {
  test('it should mount', () => {
    render(<Button label="Test button" />);

    const button = screen.getByTestId('Button');

    expect(button).toBeInTheDocument();
  });

  test('dangerouslySetInnerHTML does not cause error', () => {
    render(<Button label="test button" dangerouslySetInnerHTML={{ __html: '<i>Italic button</i>' }} />);

    const button = screen.getByTestId('Button');

    expect(button).toBeInTheDocument();
  });
});