tests/unit/Global/StatusIcon.spec.js

import { mount } from '@vue/test-utils';
import StatusIcon from '@/components/Global/StatusIcon';

describe('StatusIcon.vue', () => {
  const wrapper = mount(StatusIcon, {
    propsData: {
      status: 'info',
    },
  });
  it('should exist', () => {
    expect(wrapper.exists()).toBe(true);
  });
  it('should render icon-info element', () => {
    expect(wrapper.find('.info').exists()).toBe(true);
  });
  it('should render icon-success element', async () => {
    await wrapper.setProps({ status: 'success' });
    expect(wrapper.find('.success').exists()).toBe(true);
  });
  it('should render icon-warning element', async () => {
    await wrapper.setProps({ status: 'warning' });
    expect(wrapper.find('.warning').exists()).toBe(true);
  });
  it('should render icon-danger element', async () => {
    await wrapper.setProps({ status: 'danger' });
    expect(wrapper.find('.danger').exists()).toBe(true);
  });
  it('should render icon-secondary element', async () => {
    await wrapper.setProps({ status: 'secondary' });
    expect(wrapper.find('.status-icon').exists()).toBe(true);
  });
  it('should render correctly', () => {
    expect(wrapper.element).toMatchSnapshot();
  });
});