67 lines
1.6 KiB
JavaScript
67 lines
1.6 KiB
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import Dashboard from '~/monitoring/components/dashboard.vue';
|
|
import DashboardPage from '~/monitoring/pages/dashboard_page.vue';
|
|
import { createStore } from '~/monitoring/stores';
|
|
import { assertProps } from 'helpers/assert_props';
|
|
import { dashboardProps } from '../fixture_data';
|
|
|
|
describe('monitoring/pages/dashboard_page', () => {
|
|
let wrapper;
|
|
let store;
|
|
let $route;
|
|
|
|
const buildRouter = () => {
|
|
const dashboard = {};
|
|
$route = {
|
|
params: { dashboard },
|
|
query: { dashboard },
|
|
};
|
|
};
|
|
|
|
const buildWrapper = (props = {}) => {
|
|
wrapper = shallowMount(DashboardPage, {
|
|
store,
|
|
propsData: {
|
|
...props,
|
|
},
|
|
mocks: {
|
|
$route,
|
|
},
|
|
});
|
|
};
|
|
|
|
const findDashboardComponent = () => wrapper.findComponent(Dashboard);
|
|
|
|
beforeEach(() => {
|
|
buildRouter();
|
|
store = createStore();
|
|
jest.spyOn(store, 'dispatch').mockResolvedValue();
|
|
});
|
|
|
|
afterEach(() => {
|
|
if (wrapper) {
|
|
wrapper.destroy();
|
|
wrapper = null;
|
|
}
|
|
});
|
|
|
|
it('throws errors if dashboard props are not passed', () => {
|
|
expect(() => assertProps(DashboardPage, {})).toThrow('Missing required prop: "dashboardProps"');
|
|
});
|
|
|
|
it('renders the dashboard page with dashboard component', () => {
|
|
buildWrapper({ dashboardProps });
|
|
|
|
const allProps = {
|
|
...dashboardProps,
|
|
// default props values
|
|
rearrangePanelsAvailable: false,
|
|
showHeader: true,
|
|
showPanels: true,
|
|
smallEmptyState: false,
|
|
};
|
|
|
|
expect(findDashboardComponent().exists()).toBe(true);
|
|
expect(allProps).toMatchObject(findDashboardComponent().props());
|
|
});
|
|
});
|