spec/frontend/serverless/components/missing_prometheus_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
27
28
29
30
31
32
33
34
35
36
37
38

import { GlButton } from '@gitlab/ui';
import { shallowMount } from '@vue/test-utils';
import missingPrometheusComponent from '~/serverless/components/missing_prometheus.vue';
import { createStore } from '~/serverless/store';

describe('missingPrometheusComponent', () => {
  let wrapper;

  const createComponent = (missingData) => {
    const store = createStore({ clustersPath: '/clusters', helpPath: '/help' });

    wrapper = shallowMount(missingPrometheusComponent, { store, propsData: { missingData } });
  };

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

  it('should render missing prometheus message', () => {
    createComponent(false);
    const { vm } = wrapper;

    expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain(
      'Function invocation metrics require Prometheus to be installed first.',
    );

    expect(wrapper.find(GlButton).attributes('variant')).toBe('success');
  });

  it('should render no prometheus data message', () => {
    createComponent(true);
    const { vm } = wrapper;

    expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain(
      'Invocation metrics loading or not available at this time.',
    );
  });
});