import { shallowMount } from '@vue/test-utils'; import LinksInner from '~/pipelines/components/graph_shared/links_inner.vue'; import LinksLayer from '~/pipelines/components/graph_shared/links_layer.vue'; import { generateResponse, mockPipelineResponse } from '../graph/mock_data'; describe('links layer component', () => { let wrapper; const findLinksInner = () => wrapper.findComponent(LinksInner); const pipeline = generateResponse(mockPipelineResponse, 'root/fungi-xoxo'); const containerId = `pipeline-links-container-${pipeline.id}`; const slotContent = "
Ceci n'est pas un graphique
"; const defaultProps = { containerId, containerMeasurements: { width: 400, height: 400 }, pipelineId: pipeline.id, pipelineData: pipeline.stages, showLinks: false, }; const createComponent = ({ mountFn = shallowMount, props = {} } = {}) => { wrapper = mountFn(LinksLayer, { propsData: { ...defaultProps, ...props, }, slots: { default: slotContent, }, stubs: { 'links-inner': true, }, }); }; afterEach(() => { wrapper.destroy(); }); describe('with show links off', () => { beforeEach(() => { createComponent(); }); it('renders the default slot', () => { expect(wrapper.html()).toContain(slotContent); }); it('does not render inner links component', () => { expect(findLinksInner().exists()).toBe(false); }); }); describe('with show links on', () => { beforeEach(() => { createComponent({ props: { showLinks: true, }, }); }); it('renders the default slot', () => { expect(wrapper.html()).toContain(slotContent); }); it('renders the inner links component', () => { expect(findLinksInner().exists()).toBe(true); }); }); describe('with width or height measurement at 0', () => { beforeEach(() => { createComponent({ props: { containerMeasurements: { width: 0, height: 100 } } }); }); it('renders the default slot', () => { expect(wrapper.html()).toContain(slotContent); }); it('does not render the inner links component', () => { expect(findLinksInner().exists()).toBe(false); }); }); });