/* eslint-disable jsx-a11y/anchor-has-content */

import { render } from '@testing-library/react';

import Tile from '../tile';
import { ProtVistaIcon } from '..';

describe('Tile component', () => {
  it('should render', () => {
    const { asFragment } = render(
      <Tile
        title="Tile title"
        subtitle="Subtitle"
        backgroundImage={<ProtVistaIcon />}
        backgroundColor="var(--fr--color-sea-blue)"
        link={<a href="https://www.uniprot.org" />}
        gradient
      >
        My description
      </Tile>
    );
    expect(asFragment()).toMatchSnapshot();
  });

  it('should render with default specified width', () => {
    const { asFragment } = render(
      <Tile
        title="Tile title"
        width="20rem"
        link={<a href="https://www.uniprot.org" />}
      />
    );
    expect(asFragment()).toMatchSnapshot();
  });
});