@maxpike/vue/src/__tests/use/useInjectsClassesList.spec.ts

Vue VariantJS: Fully configurable Vue 3 components styled with TailwindCSS

import { shallowMount } from '@vue/test-utils';
import { defineComponent } from 'vue';
import useInjectsClassesList from '../../use/useInjectsClassesList';

describe('useInjectsClassesList', () => {
  const configurationToProvide = {
    classesList: {
      test: 'test',
      foo: 'bar',
    },
  };

  const component = defineComponent({
    setup() {
      const classesList = useInjectsClassesList();

      return { classesList };
    },
    template: '<div />',
  });

  it('returns the provided configuration option', () => {
    const wrapper = shallowMount(component, {
      global: {
        provide: {
          configuration: configurationToProvide,
        },
      },
    });

    expect(wrapper.vm.classesList).toEqual(configurationToProvide.classesList);
  });

  it('returns empty object if classeslist are not provided', () => {
    const wrapper = shallowMount(component);

    expect(wrapper.vm.classesList).toEqual({});
  });
});