67 lines
1.6 KiB
JavaScript
67 lines
1.6 KiB
JavaScript
export * from '@gitlab/ui';
|
|
|
|
/**
|
|
* The @gitlab/ui tooltip directive requires awkward and distracting set up in tests
|
|
* for components that use it (e.g., `attachTo: document.body` 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', () => ({
|
|
GlTooltipDirective: {
|
|
bind() {},
|
|
},
|
|
}));
|
|
|
|
jest.mock('@gitlab/ui/dist/components/base/tooltip/tooltip.js', () => ({
|
|
props: ['target', 'id', 'triggers', 'placement', 'container', 'boundary', 'disabled', 'show'],
|
|
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: () => [],
|
|
},
|
|
...Object.fromEntries(
|
|
[
|
|
'title',
|
|
'target',
|
|
'triggers',
|
|
'placement',
|
|
'boundary',
|
|
'container',
|
|
'showCloseButton',
|
|
'show',
|
|
'boundaryPadding',
|
|
].map((prop) => [prop, {}]),
|
|
),
|
|
},
|
|
render(h) {
|
|
return h(
|
|
'div',
|
|
{
|
|
class: 'gl-popover',
|
|
...this.$attrs,
|
|
},
|
|
Object.keys(this.$slots).map((s) => this.$slots[s]),
|
|
);
|
|
},
|
|
}));
|