diff options
Diffstat (limited to 'spec/frontend/issue_show/components/incidents/highlight_bar_spec.js')
-rw-r--r-- | spec/frontend/issue_show/components/incidents/highlight_bar_spec.js | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/spec/frontend/issue_show/components/incidents/highlight_bar_spec.js b/spec/frontend/issue_show/components/incidents/highlight_bar_spec.js deleted file mode 100644 index 6758e6192b8..00000000000 --- a/spec/frontend/issue_show/components/incidents/highlight_bar_spec.js +++ /dev/null @@ -1,94 +0,0 @@ -import { GlLink } from '@gitlab/ui'; -import { shallowMount } from '@vue/test-utils'; -import merge from 'lodash/merge'; -import HighlightBar from '~/issue_show/components/incidents/highlight_bar.vue'; -import { formatDate } from '~/lib/utils/datetime_utility'; - -jest.mock('~/lib/utils/datetime_utility'); - -describe('Highlight Bar', () => { - let wrapper; - - const alert = { - iid: 1, - startedAt: '2020-05-29T10:39:22Z', - detailsUrl: 'http://127.0.0.1:3000/root/unique-alerts/-/alert_management/1/details', - eventCount: 1, - title: 'Alert 1', - }; - - const mountComponent = (options) => { - wrapper = shallowMount( - HighlightBar, - merge( - { - propsData: { alert }, - provide: { fullPath: 'test', iid: 1, slaFeatureAvailable: true }, - }, - options, - ), - ); - }; - - beforeEach(() => { - mountComponent(); - }); - - afterEach(() => { - if (wrapper) { - wrapper.destroy(); - wrapper = null; - } - }); - - const findLink = () => wrapper.find(GlLink); - - describe('empty state', () => { - beforeEach(() => { - mountComponent({ propsData: { alert: null } }); - }); - - it('renders a empty component', () => { - expect(wrapper.isVisible()).toBe(false); - }); - }); - - describe('alert present', () => { - beforeEach(() => { - mountComponent(); - }); - - it('renders a link to the alert page', () => { - expect(findLink().exists()).toBe(true); - expect(findLink().attributes('href')).toBe(alert.detailsUrl); - expect(findLink().attributes('title')).toBe(alert.title); - expect(findLink().text()).toBe(`#${alert.iid}`); - }); - - it('renders formatted start time of the alert', () => { - const formattedDate = '2020-05-29 UTC'; - formatDate.mockReturnValueOnce(formattedDate); - mountComponent(); - expect(formatDate).toHaveBeenCalledWith(alert.startedAt, 'yyyy-mm-dd Z'); - expect(wrapper.text()).toContain(formattedDate); - }); - - it('renders a number of alert events', () => { - expect(wrapper.text()).toContain(alert.eventCount); - }); - }); - - describe('when child data is present', () => { - beforeEach(() => { - mountComponent({ - data() { - return { hasChildData: true }; - }, - }); - }); - - it('renders the highlight bar component', () => { - expect(wrapper.isVisible()).toBe(true); - }); - }); -}); |