import { GlTable } from '@gitlab/ui'; import { mount } from '@vue/test-utils'; import { extendedWrapper } from 'helpers/vue_test_utils_helper'; import StorageTable from '~/projects/storage_counter/components/storage_table.vue'; import { projectData, defaultProvideValues } from '../mock_data'; describe('StorageTable', () => { let wrapper; const defaultProps = { storageTypes: projectData.storage.storageTypes, }; const createComponent = (props = {}) => { wrapper = extendedWrapper( mount(StorageTable, { propsData: { ...defaultProps, ...props, }, }), ); }; const findTable = () => wrapper.findComponent(GlTable); beforeEach(() => { createComponent(); }); afterEach(() => { wrapper.destroy(); }); describe('with storage types', () => { it.each(projectData.storage.storageTypes)( 'renders table row correctly %o', ({ storageType: { id, name, description } }) => { expect(wrapper.findByTestId(`${id}-name`).text()).toBe(name); expect(wrapper.findByTestId(`${id}-description`).text()).toBe(description); expect(wrapper.findByTestId(`${id}-help-link`).attributes('href')).toBe( defaultProvideValues.helpLinks[id.replace(`Size`, `HelpPagePath`)] .replace(`Size`, ``) .replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`), ); }, ); }); describe('without storage types', () => { beforeEach(() => { createComponent({ storageTypes: [] }); }); it('should render the table header