1 files changed, 0 insertions, 172 deletions
diff --git a/spec/frontend/ci_variable_list/components/ci_variable_table_spec.js b/spec/frontend/ci_variable_list/components/ci_variable_table_spec.js
deleted file mode 100644
index 9891bc397b6..00000000000
--- a/spec/frontend/ci_variable_list/components/ci_variable_table_spec.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import { GlAlert } from '@gitlab/ui';
-import { sprintf } from '~/locale';
-import { mountExtended } from 'helpers/vue_test_utils_helper';
-import CiVariableTable from '~/ci_variable_list/components/ci_variable_table.vue';
-import { EXCEEDS_VARIABLE_LIMIT_TEXT, projectString } from '~/ci_variable_list/constants';
-import { mockVariables } from '../mocks';
-
-describe('Ci variable table', () => {
-  let wrapper;
-
-  const defaultProps = {
-    entity: 'project',
-    isLoading: false,
-    maxVariableLimit: mockVariables(projectString).length + 1,
-    variables: mockVariables(projectString),
-  };
-
-  const mockMaxVariableLimit = defaultProps.variables.length;
-
-  const createComponent = ({ props = {} } = {}) => {
-    wrapper = mountExtended(CiVariableTable, {
-      attachTo: document.body,
-      propsData: {
-        ...defaultProps,
-        ...props,
-      },
-    });
-  };
-
-  const findRevealButton = () => wrapper.findByText('Reveal values');
-  const findAddButton = () => wrapper.findByLabelText('Add');
-  const findEditButton = () => wrapper.findByLabelText('Edit');
-  const findEmptyVariablesPlaceholder = () => wrapper.findByText('There are no variables yet.');
-  const findHiddenValues = () => wrapper.findAllByTestId('hiddenValue');
-  const findLimitReachedAlerts = () => wrapper.findAllComponents(GlAlert);
-  const findRevealedValues = () => wrapper.findAllByTestId('revealedValue');
-  const findOptionsValues = (rowIndex) =>
-    wrapper.findAllByTestId('ci-variable-table-row-options').at(rowIndex).text();
-
-  const generateExceedsVariableLimitText = (entity, currentVariableCount, maxVariableLimit) => {
-    return sprintf(EXCEEDS_VARIABLE_LIMIT_TEXT, { entity, currentVariableCount, maxVariableLimit });
-  };
-
-  beforeEach(() => {
-    createComponent();
-  });
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  describe('When table is empty', () => {
-    beforeEach(() => {
-      createComponent({ props: { variables: [] } });
-    });
-
-    it('displays empty message', () => {
-      expect(findEmptyVariablesPlaceholder().exists()).toBe(true);
-    });
-
-    it('hides the reveal button', () => {
-      expect(findRevealButton().exists()).toBe(false);
-    });
-  });
-
-  describe('When table has variables', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('does not display the empty message', () => {
-      expect(findEmptyVariablesPlaceholder().exists()).toBe(false);
-    });
-
-    it('displays the reveal button', () => {
-      expect(findRevealButton().exists()).toBe(true);
-    });
-
-    it('displays the correct amount of variables', async () => {
-      expect(wrapper.findAll('.js-ci-variable-row')).toHaveLength(defaultProps.variables.length);
-    });
-
-    it('displays the correct variable options', async () => {
-      expect(findOptionsValues(0)).toBe('Protected, Expanded');
-      expect(findOptionsValues(1)).toBe('Masked');
-    });
-
-    it('enables the Add Variable button', () => {
-      expect(findAddButton().props('disabled')).toBe(false);
-    });
-  });
-
-  describe('When variables have exceeded the max limit', () => {
-    beforeEach(() => {
-      createComponent({ props: { maxVariableLimit: mockVariables(projectString).length } });
-    });
-
-    it('disables the Add Variable button', () => {
-      expect(findAddButton().props('disabled')).toBe(true);
-    });
-  });
-
-  describe('max limit reached alert', () => {
-    describe('when there is no variable limit', () => {
-      beforeEach(() => {
-        createComponent({
-          props: { maxVariableLimit: 0 },
-        });
-      });
-
-      it('hides alert', () => {
-        expect(findLimitReachedAlerts().length).toBe(0);
-      });
-    });
-
-    describe('when variable limit exists', () => {
-      it('hides alert when limit has not been reached', () => {
-        createComponent();
-
-        expect(findLimitReachedAlerts().length).toBe(0);
-      });
-
-      it('shows alert when limit has been reached', () => {
-        const exceedsVariableLimitText = generateExceedsVariableLimitText(
-          defaultProps.entity,
-          defaultProps.variables.length,
-          mockMaxVariableLimit,
-        );
-
-        createComponent({
-          props: { maxVariableLimit: mockMaxVariableLimit },
-        });
-
-        expect(findLimitReachedAlerts().length).toBe(2);
-
-        expect(findLimitReachedAlerts().at(0).props('dismissible')).toBe(false);
-        expect(findLimitReachedAlerts().at(0).text()).toContain(exceedsVariableLimitText);
-
-        expect(findLimitReachedAlerts().at(1).props('dismissible')).toBe(false);
-        expect(findLimitReachedAlerts().at(1).text()).toContain(exceedsVariableLimitText);
-      });
-    });
-  });
-
-  describe('Table click actions', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('reveals secret values when button is clicked', async () => {
-      expect(findHiddenValues()).toHaveLength(defaultProps.variables.length);
-      expect(findRevealedValues()).toHaveLength(0);
-
-      await findRevealButton().trigger('click');
-
-      expect(findHiddenValues()).toHaveLength(0);
-      expect(findRevealedValues()).toHaveLength(defaultProps.variables.length);
-    });
-
-    it('dispatches `setSelectedVariable` with correct variable to edit', async () => {
-      await findEditButton().trigger('click');
-
-      expect(wrapper.emitted('set-selected-variable')).toEqual([[defaultProps.variables[0]]]);
-    });
-
-    it('dispatches `setSelectedVariable` with no variable when adding a new one', async () => {
-      await findAddButton().trigger('click');
-
-      expect(wrapper.emitted('set-selected-variable')).toEqual([[null]]);
-    });
-  });
-});