diff options
Diffstat (limited to 'spec/frontend/serverless/components/missing_prometheus_spec.js')
-rw-r--r-- | spec/frontend/serverless/components/missing_prometheus_spec.js | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/spec/frontend/serverless/components/missing_prometheus_spec.js b/spec/frontend/serverless/components/missing_prometheus_spec.js index 90730765f7c..9ca4a45dd5f 100644 --- a/spec/frontend/serverless/components/missing_prometheus_spec.js +++ b/spec/frontend/serverless/components/missing_prometheus_spec.js @@ -1,25 +1,23 @@ import { GlDeprecatedButton } from '@gitlab/ui'; import { shallowMount } from '@vue/test-utils'; +import { createStore } from '~/serverless/store'; import missingPrometheusComponent from '~/serverless/components/missing_prometheus.vue'; -const createComponent = missingData => - shallowMount(missingPrometheusComponent, { - propsData: { - clustersPath: '/clusters', - helpPath: '/help', - missingData, - }, - }); - 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', () => { - wrapper = createComponent(false); + createComponent(false); const { vm } = wrapper; expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain( @@ -30,7 +28,7 @@ describe('missingPrometheusComponent', () => { }); it('should render no prometheus data message', () => { - wrapper = createComponent(true); + createComponent(true); const { vm } = wrapper; expect(vm.$el.querySelector('.state-description').innerHTML.trim()).toContain( |