import React from 'react';
import { render, screen } from '@testing-library/react';
import TagSkill from './tag-skill.jsx';

describe('TagSkill', () => {
  const requiredProps = {
    id: 'test-id',
    name: 'Egg',
  };

  it('has default', () => {
    render(<TagSkill {...requiredProps} />);
    expect(document.body).toMatchSnapshot();
  });

  describe('id API', () => {
    it('can be set', () => {
      render(<TagSkill {...requiredProps} id="unique-id" />);
      expect(screen.getByText('Egg').parentElement.parentElement).toHaveAttribute('id', 'unique-id');
    });
  });

  describe('name API', () => {
    it('can be set', () => {
      render(<TagSkill {...requiredProps} name="Bacon" />);
      expect(screen.getByText('Bacon')).toBeDefined();
    });
  });

  describe('level API', () => {
    it('can be set', () => {
      render(<TagSkill {...requiredProps} level={1} />);
      expect(screen.getByText('1')).toBeDefined();
    });
  });
});