import { mount } from '@vue/test-utils'
import { Smile } from '../src/icons'

describe('Using lucide icon components', () => {
  it('should render an component', () => {
    const wrapper = mount(Smile)
    expect(wrapper).toMatchSnapshot();
  });

  it('should adjust the size, stroke color and stroke width', () => {
    const wrapper = mount(Smile, {
      propsData: {
        size: 48,
        stroke: 'red',
        strokeWidth: 4
      }
    })

    expect(wrapper).toMatchSnapshot();
  });


  it('should add a class to the element', () => {
    const wrapper = mount(Smile, {
      attrs: {
        class: "lucide-icon my-icon"
      }
    })

    expect(wrapper).toMatchSnapshot();
    expect(String(wrapper.classes())).toBe(String(['lucide-icon', 'my-icon']))
  });

  it('should add a style attribute to the element', () => {
    const wrapper = mount(Smile, {
      attrs: {
        style: 'position: absolute',
      }
    })

    expect(wrapper).toMatchSnapshot();
    expect(wrapper.attributes('style')).toContain('position: absolute')
  });
});