diff options
Diffstat (limited to 'spec/frontend/monitoring/router_spec.js')
-rw-r--r-- | spec/frontend/monitoring/router_spec.js | 106 |
1 files changed, 0 insertions, 106 deletions
diff --git a/spec/frontend/monitoring/router_spec.js b/spec/frontend/monitoring/router_spec.js deleted file mode 100644 index 368bd955fb3..00000000000 --- a/spec/frontend/monitoring/router_spec.js +++ /dev/null @@ -1,106 +0,0 @@ -import { mount } from '@vue/test-utils'; -import Vue from 'vue'; -import VueRouter from 'vue-router'; -import Dashboard from '~/monitoring/components/dashboard.vue'; -import DashboardPage from '~/monitoring/pages/dashboard_page.vue'; -import PanelNewPage from '~/monitoring/pages/panel_new_page.vue'; -import createRouter from '~/monitoring/router'; -import { createStore } from '~/monitoring/stores'; -import { dashboardProps } from './fixture_data'; -import { dashboardHeaderProps } from './mock_data'; - -const LEGACY_BASE_PATH = '/project/my-group/test-project/-/environments/71146/metrics'; -const BASE_PATH = '/project/my-group/test-project/-/metrics'; - -const MockApp = { - data() { - return { - dashboardProps: { ...dashboardProps, ...dashboardHeaderProps }, - }; - }, - template: `<router-view :dashboard-props="dashboardProps"/>`, -}; - -describe('Monitoring router', () => { - let router; - let store; - - const createWrapper = (basePath, routeArg) => { - Vue.use(VueRouter); - - router = createRouter(basePath); - if (routeArg !== undefined) { - router.push(routeArg); - } - - return mount(MockApp, { - store, - router, - }); - }; - - beforeEach(() => { - store = createStore(); - jest.spyOn(store, 'dispatch').mockResolvedValue(); - }); - - afterEach(() => { - window.location.hash = ''; - }); - - describe('support legacy URLs with full dashboard path to visit dashboard page', () => { - it.each` - path | currentDashboard - ${'/dashboard.yml'} | ${'dashboard.yml'} - ${'/folder1/dashboard.yml'} | ${'folder1/dashboard.yml'} - ${'/?dashboard=dashboard.yml'} | ${'dashboard.yml'} - `('"$path" renders page with dashboard "$currentDashboard"', ({ path, currentDashboard }) => { - const wrapper = createWrapper(LEGACY_BASE_PATH, path); - - expect(store.dispatch).toHaveBeenCalledWith('monitoringDashboard/setCurrentDashboard', { - currentDashboard, - }); - - expect(wrapper.findComponent(DashboardPage).exists()).toBe(true); - expect(wrapper.findComponent(DashboardPage).findComponent(Dashboard).exists()).toBe(true); - }); - }); - - describe('supports URLs to visit dashboard page', () => { - it.each` - path | currentDashboard - ${'/'} | ${null} - ${'/dashboard.yml'} | ${'dashboard.yml'} - ${'/folder1/dashboard.yml'} | ${'folder1/dashboard.yml'} - ${'/folder1%2Fdashboard.yml'} | ${'folder1/dashboard.yml'} - ${'/dashboard.yml'} | ${'dashboard.yml'} - ${'/config/prometheus/common_metrics.yml'} | ${'config/prometheus/common_metrics.yml'} - ${'/config/prometheus/pod_metrics.yml'} | ${'config/prometheus/pod_metrics.yml'} - ${'/config%2Fprometheus%2Fpod_metrics.yml'} | ${'config/prometheus/pod_metrics.yml'} - `('"$path" renders page with dashboard "$currentDashboard"', ({ path, currentDashboard }) => { - const wrapper = createWrapper(BASE_PATH, path); - - expect(store.dispatch).toHaveBeenCalledWith('monitoringDashboard/setCurrentDashboard', { - currentDashboard, - }); - - expect(wrapper.findComponent(DashboardPage).exists()).toBe(true); - expect(wrapper.findComponent(DashboardPage).findComponent(Dashboard).exists()).toBe(true); - }); - }); - - describe('supports URLs to visit new panel page', () => { - it.each` - path | currentDashboard - ${'/panel/new'} | ${undefined} - ${'/dashboard.yml/panel/new'} | ${'dashboard.yml'} - ${'/config/prometheus/common_metrics.yml/panel/new'} | ${'config/prometheus/common_metrics.yml'} - ${'/config%2Fprometheus%2Fcommon_metrics.yml/panel/new'} | ${'config/prometheus/common_metrics.yml'} - `('"$path" renders page with dashboard "$currentDashboard"', ({ path, currentDashboard }) => { - const wrapper = createWrapper(BASE_PATH, path); - - expect(wrapper.vm.$route.params.dashboard).toBe(currentDashboard); - expect(wrapper.findComponent(PanelNewPage).exists()).toBe(true); - }); - }); -}); |