2020-07-10 15:09:07 +00:00
|
|
|
import { shallowMount } from '@vue/test-utils';
|
2020-10-15 18:08:43 +00:00
|
|
|
import AlertManagementEmptyState from '~/alert_management/components/alert_management_empty_state.vue';
|
2021-02-14 18:09:20 +00:00
|
|
|
import AlertManagementList from '~/alert_management/components/alert_management_list_wrapper.vue';
|
2020-10-15 18:08:43 +00:00
|
|
|
import AlertManagementTable from '~/alert_management/components/alert_management_table.vue';
|
|
|
|
import defaultProvideValues from '../mocks/alerts_provide_config.json';
|
2020-07-10 15:09:07 +00:00
|
|
|
|
|
|
|
describe('AlertManagementList', () => {
|
|
|
|
let wrapper;
|
|
|
|
|
2020-10-15 18:08:43 +00:00
|
|
|
function mountComponent({ provide = {} } = {}) {
|
2020-07-10 15:09:07 +00:00
|
|
|
wrapper = shallowMount(AlertManagementList, {
|
2020-10-15 18:08:43 +00:00
|
|
|
provide: {
|
|
|
|
...defaultProvideValues,
|
|
|
|
...provide,
|
2020-07-10 15:09:07 +00:00
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
mountComponent();
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
if (wrapper) {
|
|
|
|
wrapper.destroy();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2020-10-15 18:08:43 +00:00
|
|
|
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-10 15:09:07 +00:00
|
|
|
mountComponent({
|
2020-10-15 18:08:43 +00:00
|
|
|
provide: {
|
|
|
|
alertManagementEnabled: true,
|
|
|
|
},
|
2020-07-10 15:09:07 +00:00
|
|
|
});
|
|
|
|
|
2020-10-15 18:08:43 +00:00
|
|
|
expect(wrapper.find(AlertManagementEmptyState).exists()).toBe(false);
|
|
|
|
expect(wrapper.find(AlertManagementTable).exists()).toBe(true);
|
2020-07-10 15:09:07 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|