summaryrefslogtreecommitdiff
path: root/spec/frontend/issue_show/components/incidents/highlight_bar_spec.js
diff options
context:
space:
mode:
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.js94
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);
- });
- });
-});