summaryrefslogtreecommitdiff
path: root/spec/frontend/__mocks__/@gitlab/ui.js
blob: 237f8b408f509a4d5a1744fdd17e5d54c573cc42 (plain)
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
export * from '@gitlab/ui';

/**
 * The @gitlab/ui tooltip directive requires awkward and distracting set up in tests
 * for components that use it (e.g., `attachToDocument: true` and `sync: true` passed
 * to the `mount` helper from `vue-test-utils`).
 *
 * This mock decouples those tests from the implementation, removing the need to set
 * them up specially just for these tooltips.
 *
 * Mocking the modules using the full file path allows the mocks to take effect
 * when the modules are imported in this project (`gitlab`) **and** when they
 * are imported internally in `@gitlab/ui`.
 */

jest.mock('@gitlab/ui/dist/directives/tooltip.js', () => ({
  bind() {},
}));

jest.mock('@gitlab/ui/dist/components/base/tooltip/tooltip.js', () => ({
  props: ['target', 'id', 'triggers', 'placement', 'container', 'boundary', 'disabled'],
  render(h) {
    return h(
      'div',
      {
        class: 'gl-tooltip',
        ...this.$attrs,
      },
      this.$slots.default,
    );
  },
}));

jest.mock('@gitlab/ui/dist/components/base/popover/popover.js', () => ({
  props: {
    cssClasses: {
      type: Array,
      required: false,
      default: () => [],
    },
  },
  render(h) {
    return h('div', this.$attrs, Object.keys(this.$slots).map(s => this.$slots[s]));
  },
}));