2020-07-28 23:09:34 +05:30
|
|
|
import { shallowMount } from '@vue/test-utils';
|
2021-01-03 14:25:43 +05:30
|
|
|
import AlertManagementEmptyState from '~/alert_management/components/alert_management_empty_state.vue';
|
2021-03-11 19:13:27 +05:30
|
|
|
import AlertManagementList from '~/alert_management/components/alert_management_list_wrapper.vue';
|
2021-01-03 14:25:43 +05:30
|
|
|
import AlertManagementTable from '~/alert_management/components/alert_management_table.vue';
|
|
|
|
import defaultProvideValues from '../mocks/alerts_provide_config.json';
|
2020-07-28 23:09:34 +05:30
|
|
|
|
|
|
|
describe('AlertManagementList', () => {
|
|
|
|
let wrapper;
|
|
|
|
|
2021-01-03 14:25:43 +05:30
|
|
|
function mountComponent({ provide = {} } = {}) {
|
2020-07-28 23:09:34 +05:30
|
|
|
wrapper = shallowMount(AlertManagementList, {
|
2021-01-03 14:25:43 +05:30
|
|
|
provide: {
|
|
|
|
...defaultProvideValues,
|
|
|
|
...provide,
|
2020-07-28 23:09:34 +05:30
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
mountComponent();
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
if (wrapper) {
|
|
|
|
wrapper.destroy();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2021-01-03 14:25:43 +05:30
|
|
|
describe('Alert List Wrapper', () => {
|
|
|
|
it('should show the empty state when alerts are not enabled', () => {
|
|
|
|
expect(wrapper.find(AlertManagementEmptyState).exists()).toBe(true);
|
|
|
|
expect(wrapper.find(AlertManagementTable).exists()).toBe(false);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should show the alerts table when alerts are enabled', () => {
|
2020-07-28 23:09:34 +05:30
|
|
|
mountComponent({
|
2021-01-03 14:25:43 +05:30
|
|
|
provide: {
|
|
|
|
alertManagementEnabled: true,
|
|
|
|
},
|
2020-07-28 23:09:34 +05:30
|
|
|
});
|
|
|
|
|
2021-01-03 14:25:43 +05:30
|
|
|
expect(wrapper.find(AlertManagementEmptyState).exists()).toBe(false);
|
|
|
|
expect(wrapper.find(AlertManagementTable).exists()).toBe(true);
|
2020-07-28 23:09:34 +05:30
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|