spec/javascripts/monitoring/shared/prometheus_header_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import { shallowMount } from '@vue/test-utils';
import PrometheusHeader from '~/monitoring/components/shared/prometheus_header.vue';

describe('Prometheus Header component', () => {
  let prometheusHeader;

  beforeEach(() => {
    prometheusHeader = shallowMount(PrometheusHeader, {
      propsData: {
        graphTitle: 'graph header',
      },
    });
  });

  afterEach(() => {
    prometheusHeader.destroy();
  });

  describe('Prometheus header component', () => {
    it('should show a title', () => {
      const title = prometheusHeader.vm.$el.querySelector('.js-graph-title').textContent;

      expect(title).toBe('graph header');
    });
  });
});