spec/frontend/pipeline_editor/components/drawer/pipeline_editor_drawer_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import { shallowMount } from '@vue/test-utils';
import { GlDrawer } from '@gitlab/ui';
import PipelineEditorDrawer from '~/pipeline_editor/components/drawer/pipeline_editor_drawer.vue';

describe('Pipeline editor drawer', () => {
  let wrapper;

  const findDrawer = () => wrapper.findComponent(GlDrawer);

  const createComponent = () => {
    wrapper = shallowMount(PipelineEditorDrawer);
  };

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

  it('emits close event when closing the drawer', () => {
    createComponent();

    expect(wrapper.emitted('close-drawer')).toBeUndefined();

    findDrawer().vm.$emit('close');

    expect(wrapper.emitted('close-drawer')).toHaveLength(1);
  });
});