2020-09-28 08:10:02 -04:00
|
|
|
import { GlButton } from '@gitlab/ui';
|
2019-04-05 22:02:39 -04:00
|
|
|
import { shallowMount } from '@vue/test-utils';
|
2019-12-09 07:07:58 -05:00
|
|
|
import missingPrometheusComponent from '~/serverless/components/missing_prometheus.vue';
|
2021-02-14 13:09:20 -05:00
|
|
|
import { createStore } from '~/serverless/store';
|
2019-04-05 22:02:39 -04:00
|
|
|
|
|
|
|
describe('missingPrometheusComponent', () => {
|
2019-05-19 15:55:04 -04:00
|
|
|
let wrapper;
|
2019-04-05 22:02:39 -04:00
|
|
|
|
2020-12-23 19:10:25 -05:00
|
|
|
const createComponent = (missingData) => {
|
2020-07-21 11:09:40 -04:00
|
|
|
const store = createStore({ clustersPath: '/clusters', helpPath: '/help' });
|
|
|
|
|
|
|
|
wrapper = shallowMount(missingPrometheusComponent, { store, propsData: { missingData } });
|
|
|
|
};
|
|
|
|
|
2019-04-05 22:02:39 -04:00
|
|
|
afterEach(() => {
|
2019-05-19 15:55:04 -04:00
|
|
|
wrapper.destroy();
|
2019-04-05 22:02:39 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should render missing prometheus message', () => {
|
2020-07-21 11:09:40 -04:00
|
|
|
createComponent(false);
|
2019-05-19 15:55:04 -04:00
|
|
|
const { vm } = wrapper;
|
2019-04-05 22:02:39 -04:00
|
|
|
|
|
|
|
expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain(
|
|
|
|
'Function invocation metrics require Prometheus to be installed first.',
|
|
|
|
);
|
|
|
|
|
2020-09-28 08:10:02 -04:00
|
|
|
expect(wrapper.find(GlButton).attributes('variant')).toBe('success');
|
2019-04-05 22:02:39 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should render no prometheus data message', () => {
|
2020-07-21 11:09:40 -04:00
|
|
|
createComponent(true);
|
2019-05-19 15:55:04 -04:00
|
|
|
const { vm } = wrapper;
|
2019-04-05 22:02:39 -04:00
|
|
|
|
|
|
|
expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain(
|
|
|
|
'Invocation metrics loading or not available at this time.',
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|