84 lines
2.5 KiB
JavaScript
84 lines
2.5 KiB
JavaScript
import Vuex from 'vuex';
|
|
import { createLocalVue, mount } from '@vue/test-utils';
|
|
import { GlTable } from '@gitlab/ui';
|
|
import CiVariableTable from '~/ci_variable_list/components/ci_variable_table.vue';
|
|
import createStore from '~/ci_variable_list/store';
|
|
import mockData from '../services/mock_data';
|
|
|
|
const localVue = createLocalVue();
|
|
localVue.use(Vuex);
|
|
|
|
describe('Ci variable table', () => {
|
|
let wrapper;
|
|
let store;
|
|
|
|
const createComponent = () => {
|
|
store = createStore();
|
|
store.state.isGroup = true;
|
|
jest.spyOn(store, 'dispatch').mockImplementation();
|
|
wrapper = mount(CiVariableTable, {
|
|
attachToDocument: true,
|
|
localVue,
|
|
store,
|
|
});
|
|
};
|
|
|
|
const findRevealButton = () => wrapper.find({ ref: 'secret-value-reveal-button' });
|
|
const findEditButton = () => wrapper.find({ ref: 'edit-ci-variable' });
|
|
const findEmptyVariablesPlaceholder = () => wrapper.find({ ref: 'empty-variables' });
|
|
const findTable = () => wrapper.find(GlTable);
|
|
|
|
beforeEach(() => {
|
|
createComponent();
|
|
});
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
it('dispatches fetchVariables when mounted', () => {
|
|
expect(store.dispatch).toHaveBeenCalledWith('fetchVariables');
|
|
});
|
|
|
|
it('fields prop does not contain environment_scope if group', () => {
|
|
expect(findTable().props('fields')).not.toEqual(
|
|
expect.arrayContaining([
|
|
expect.objectContaining({
|
|
key: 'environment_scope',
|
|
label: 'Environment Scope',
|
|
}),
|
|
]),
|
|
);
|
|
});
|
|
|
|
describe('Renders correct data', () => {
|
|
it('displays empty message when variables are not present', () => {
|
|
expect(findEmptyVariablesPlaceholder().exists()).toBe(true);
|
|
});
|
|
|
|
it('displays correct amount of variables present and no empty message', () => {
|
|
store.state.variables = mockData.mockVariables;
|
|
|
|
return wrapper.vm.$nextTick(() => {
|
|
expect(wrapper.findAll('.js-ci-variable-row').length).toBe(1);
|
|
expect(findEmptyVariablesPlaceholder().exists()).toBe(false);
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('Table click actions', () => {
|
|
beforeEach(() => {
|
|
store.state.variables = mockData.mockVariables;
|
|
});
|
|
|
|
it('reveals secret values when button is clicked', () => {
|
|
findRevealButton().trigger('click');
|
|
expect(store.dispatch).toHaveBeenCalledWith('toggleValues', false);
|
|
});
|
|
|
|
it('dispatches editVariable with correct variable to edit', () => {
|
|
findEditButton().trigger('click');
|
|
expect(store.dispatch).toHaveBeenCalledWith('editVariable', mockData.mockVariables[0]);
|
|
});
|
|
});
|
|
});
|