import { mount } from '@vue/test-utils'; import ciIcon from '~/vue_shared/components/ci_icon.vue'; import jobNameComponent from '~/pipelines/components/graph/job_name_component.vue'; describe('job name component', () => { let wrapper; const propsData = { name: 'foo', status: { icon: 'status_success', group: 'success', }, }; beforeEach(() => { wrapper = mount(jobNameComponent, { propsData, }); }); it('should render the provided name', () => { expect( wrapper .find('.ci-status-text') .text() .trim(), ).toBe(propsData.name); }); it('should render an icon with the provided status', () => { expect(wrapper.find(ciIcon).exists()).toBe(true); expect(wrapper.find('.ci-status-icon-success').exists()).toBe(true); }); });