@mekari/mekari-ui-vue/src/components/Label/index.spec.js

--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import

import MLabel from './index.vue';
import { shallowMount } from '@vue/test-utils';


describe('Mekari UI Label Component', () => {
  let wrapper;

  afterEach(() => {
    wrapper.destroy();
  });

  it('should match snapshot', () => {
    wrapper = shallowMount(MLabel, {
      propsData: {
        label: 'Label',
      },
    });
    expect(wrapper.element).toMatchSnapshot();
  });

  it('should match set text from label props', () => {
    wrapper = shallowMount(MLabel, {
      propsData: {
        label: 'New Label',
      },
    });
    expect(wrapper.find('label').text()).toBe('New Label');
  });

  it('should match set text from default slots', () => {
    wrapper = shallowMount(MLabel, {
      slots: {
        default: 'New Label',
      },
    });
    expect(wrapper.find('label').text()).toBe('New Label');
  });
});