dashboard/shell/components/formatter/__tests__/PodsUsage.test.ts

39 lines
1.1 KiB
TypeScript

import { mount } from '@vue/test-utils';
import PodsUsage from '@shell/components/formatter/PodsUsage.vue';
describe('component: PodsUsage', () => {
it('should not display values if data is not ready', () => {
const wrapper = mount(PodsUsage, {
propsData: { row: {} },
mocks: { $store: { dispatch: { 'management/request': jest.fn() } } }
});
const element = wrapper.find('p').element;
expect(element).toBeUndefined();
});
it('should display spinning icon', () => {
const wrapper = mount(PodsUsage, {
propsData: { row: {} },
mocks: { $store: { dispatch: { 'management/request': jest.fn() } } }
});
const element = wrapper.find('i').element;
expect(element).toBeDefined();
});
it('should display podsUsage value', () => {
const wrapper = mount(PodsUsage, {
propsData: { row: { isReady: true } },
data: () => ({ loading: false }),
mocks: { $store: { dispatch: { 'management/request': jest.fn() } } }
});
const element = wrapper.find('p').element;
expect(element.textContent).toBeDefined();
});
});