@gitlab/ui/src/components/base/tooltip/tooltip.spec.js

GitLab UI Components

import { shallowMount } from '@vue/test-utils';
import { tooltipActionEvents } from '../../../utils/constants';
import GlTooltip from './tooltip.vue';

describe('GlTooltip', () => {
  let wrapper;

  const createWrapper = () => {
    wrapper = shallowMount(GlTooltip, {
      propsData: {
        target: document.body,
      },
    });
  };

  const findBVTooltip = () => wrapper.findComponent({ ref: 'bvTooltip' });

  beforeEach(() => {
    createWrapper();
  });

  it.each(tooltipActionEvents)('passes through the %s event to the bvTooltip instance', (event) => {
    wrapper.vm.$emit(event);

    expect(findBVTooltip().emitted(event)).toHaveLength(1);
  });
});