Add latest changes from gitlab-org/gitlab@master

3 files changed, 0 insertions, 562 deletions

diff --git a/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js b/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js
deleted file mode 100644
index a1377564073..00000000000
--- a/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js
+++ /dev/null
@@ -1,231 +0,0 @@
-import $ from 'jquery';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import AjaxFormVariableList from '~/ci_variable_list/ajax_variable_list';
-
-const VARIABLE_PATCH_ENDPOINT = 'http://test.host/frontend-fixtures/builds-project/-/variables';
-const HIDE_CLASS = 'hide';
-
-describe('AjaxFormVariableList', () => {
-  preloadFixtures('projects/ci_cd_settings.html');
-  preloadFixtures('projects/ci_cd_settings_with_variables.html');
-
-  let container;
-  let saveButton;
-  let errorBox;
-
-  let mock;
-  let ajaxVariableList;
-
-  beforeEach(() => {
-    loadFixtures('projects/ci_cd_settings.html');
-    container = document.querySelector('.js-ci-variable-list-section');
-
-    mock = new MockAdapter(axios);
-
-    const ajaxVariableListEl = document.querySelector('.js-ci-variable-list-section');
-    saveButton = ajaxVariableListEl.querySelector('.js-ci-variables-save-button');
-    errorBox = container.querySelector('.js-ci-variable-error-box');
-    ajaxVariableList = new AjaxFormVariableList({
-      container,
-      formField: 'variables',
-      saveButton,
-      errorBox,
-      saveEndpoint: container.dataset.saveEndpoint,
-      maskableRegex: container.dataset.maskableRegex,
-    });
-
-    spyOn(ajaxVariableList, 'updateRowsWithPersistedVariables').and.callThrough();
-    spyOn(ajaxVariableList.variableList, 'toggleEnableRow').and.callThrough();
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  describe('onSaveClicked', () => {
-    it('shows loading spinner while waiting for the request', done => {
-      const loadingIcon = saveButton.querySelector('.js-ci-variables-save-loading-icon');
-
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(() => {
-        expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(false);
-
-        return [200, {}];
-      });
-
-      expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('calls `updateRowsWithPersistedVariables` with the persisted variables', done => {
-      const variablesResponse = [{ id: 1, key: 'foo', value: 'bar' }];
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200, {
-        variables: variablesResponse,
-      });
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(ajaxVariableList.updateRowsWithPersistedVariables).toHaveBeenCalledWith(
-            variablesResponse,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('hides any previous error box', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('disables remove buttons while waiting for the request', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(() => {
-        expect(ajaxVariableList.variableList.toggleEnableRow).toHaveBeenCalledWith(false);
-
-        return [200, {}];
-      });
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(ajaxVariableList.variableList.toggleEnableRow).toHaveBeenCalledWith(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('hides secret values', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200, {});
-
-      const row = container.querySelector('.js-row');
-      const valueInput = row.querySelector('.js-ci-variable-input-value');
-      const valuePlaceholder = row.querySelector('.js-secret-value-placeholder');
-
-      valueInput.value = 'bar';
-      $(valueInput).trigger('input');
-
-      expect(valuePlaceholder.classList.contains(HIDE_CLASS)).toBe(true);
-      expect(valueInput.classList.contains(HIDE_CLASS)).toBe(false);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(valuePlaceholder.classList.contains(HIDE_CLASS)).toBe(false);
-          expect(valueInput.classList.contains(HIDE_CLASS)).toBe(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows error box with validation errors', done => {
-      const validationError = 'some validation error';
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(400, [validationError]);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(false);
-          expect(errorBox.textContent.trim().replace(/\n+\s+/m, ' ')).toEqual(
-            `Validation failed ${validationError}`,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows flash message when request fails', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(500);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('updateRowsWithPersistedVariables', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings_with_variables.html');
-      container = document.querySelector('.js-ci-variable-list-section');
-
-      const ajaxVariableListEl = document.querySelector('.js-ci-variable-list-section');
-      saveButton = ajaxVariableListEl.querySelector('.js-ci-variables-save-button');
-      errorBox = container.querySelector('.js-ci-variable-error-box');
-      ajaxVariableList = new AjaxFormVariableList({
-        container,
-        formField: 'variables',
-        saveButton,
-        errorBox,
-        saveEndpoint: container.dataset.saveEndpoint,
-      });
-    });
-
-    it('removes variable that was removed', () => {
-      expect(container.querySelectorAll('.js-row').length).toBe(3);
-
-      container.querySelector('.js-row-remove-button').click();
-
-      expect(container.querySelectorAll('.js-row').length).toBe(3);
-
-      ajaxVariableList.updateRowsWithPersistedVariables([]);
-
-      expect(container.querySelectorAll('.js-row').length).toBe(2);
-    });
-
-    it('updates new variable row with persisted ID', () => {
-      const row = container.querySelector('.js-row:last-child');
-      const idInput = row.querySelector('.js-ci-variable-input-id');
-      const keyInput = row.querySelector('.js-ci-variable-input-key');
-      const valueInput = row.querySelector('.js-ci-variable-input-value');
-
-      keyInput.value = 'foo';
-      $(keyInput).trigger('input');
-      valueInput.value = 'bar';
-      $(valueInput).trigger('input');
-
-      expect(idInput.value).toEqual('');
-
-      ajaxVariableList.updateRowsWithPersistedVariables([
-        {
-          id: 3,
-          key: 'foo',
-          value: 'bar',
-        },
-      ]);
-
-      expect(idInput.value).toEqual('3');
-      expect(row.dataset.isPersisted).toEqual('true');
-    });
-  });
-
-  describe('maskableRegex', () => {
-    it('takes in the regex provided by the data attribute', () => {
-      expect(container.dataset.maskableRegex).toBe('^[a-zA-Z0-9_+=/@:.-]{8,}$');
-      expect(ajaxVariableList.maskableRegex).toBe(container.dataset.maskableRegex);
-    });
-  });
-});
diff --git a/spec/javascripts/ci_variable_list/ci_variable_list_spec.js b/spec/javascripts/ci_variable_list/ci_variable_list_spec.js
deleted file mode 100644
index c0c3a83a44b..00000000000
--- a/spec/javascripts/ci_variable_list/ci_variable_list_spec.js
+++ /dev/null
@@ -1,294 +0,0 @@
-import $ from 'jquery';
-import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
-import VariableList from '~/ci_variable_list/ci_variable_list';
-
-const HIDE_CLASS = 'hide';
-
-describe('VariableList', () => {
-  preloadFixtures('pipeline_schedules/edit.html');
-  preloadFixtures('pipeline_schedules/edit_with_variables.html');
-  preloadFixtures('projects/ci_cd_settings.html');
-
-  let $wrapper;
-  let variableList;
-
-  describe('with only key/value inputs', () => {
-    describe('with no variables', () => {
-      beforeEach(() => {
-        loadFixtures('pipeline_schedules/edit.html');
-        $wrapper = $('.js-ci-variable-list-section');
-
-        variableList = new VariableList({
-          container: $wrapper,
-          formField: 'schedule',
-        });
-        variableList.init();
-      });
-
-      it('should remove the row when clicking the remove button', () => {
-        $wrapper.find('.js-row-remove-button').trigger('click');
-
-        expect($wrapper.find('.js-row').length).toBe(0);
-      });
-
-      it('should add another row when editing the last rows key input', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        // Check for the correct default in the new row
-        const $keyInput = $wrapper.find('.js-row:last-child').find('.js-ci-variable-input-key');
-
-        expect($keyInput.val()).toBe('');
-      });
-
-      it('should add another row when editing the last rows value textarea', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-value')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        // Check for the correct default in the new row
-        const $valueInput = $wrapper.find('.js-row:last-child').find('.js-ci-variable-input-key');
-
-        expect($valueInput.val()).toBe('');
-      });
-
-      it('should remove empty row after blurring', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('')
-          .trigger('input')
-          .trigger('blur');
-
-        expect($wrapper.find('.js-row').length).toBe(1);
-      });
-    });
-
-    describe('with persisted variables', () => {
-      beforeEach(() => {
-        loadFixtures('pipeline_schedules/edit_with_variables.html');
-        $wrapper = $('.js-ci-variable-list-section');
-
-        variableList = new VariableList({
-          container: $wrapper,
-          formField: 'schedule',
-        });
-        variableList.init();
-      });
-
-      it('should have "Reveal values" button initially when there are already variables', () => {
-        expect($wrapper.find('.js-secret-value-reveal-button').text()).toBe('Reveal values');
-      });
-
-      it('should reveal hidden values', () => {
-        const $row = $wrapper.find('.js-row:first-child');
-        const $inputValue = $row.find('.js-ci-variable-input-value');
-        const $placeholder = $row.find('.js-secret-value-placeholder');
-
-        expect($placeholder.hasClass(HIDE_CLASS)).toBe(false);
-        expect($inputValue.hasClass(HIDE_CLASS)).toBe(true);
-
-        // Reveal values
-        $wrapper.find('.js-secret-value-reveal-button').click();
-
-        expect($placeholder.hasClass(HIDE_CLASS)).toBe(true);
-        expect($inputValue.hasClass(HIDE_CLASS)).toBe(false);
-      });
-    });
-  });
-
-  describe('with all inputs(key, value, protected)', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      $wrapper.find('.js-ci-variable-input-protected').attr('data-default', 'false');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should not add another row when editing the last rows protected checkbox', done => {
-      const $row = $wrapper.find('.js-row:last-child');
-      $row.find('.ci-variable-protected-item .js-project-feature-toggle').click();
-
-      getSetTimeoutPromise()
-        .then(() => {
-          expect($wrapper.find('.js-row').length).toBe(1);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should not add another row when editing the last rows masked checkbox', done => {
-      const $row = $wrapper.find('.js-row:last-child');
-      $row.find('.ci-variable-masked-item .js-project-feature-toggle').click();
-
-      getSetTimeoutPromise()
-        .then(() => {
-          expect($wrapper.find('.js-row').length).toBe(1);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    describe('validateMaskability', () => {
-      let $row;
-
-      const maskingErrorElement = '.js-row:last-child .masking-validation-error';
-
-      beforeEach(() => {
-        $row = $wrapper.find('.js-row:last-child');
-        $row.find('.ci-variable-masked-item .js-project-feature-toggle').click();
-      });
-
-      it('has a regex provided via a data attribute', () => {
-        expect($wrapper.attr('data-maskable-regex')).toBe('^[a-zA-Z0-9_+=/@:.-]{8,}$');
-      });
-
-      it('allows values that are 8 characters long', done => {
-        $row.find('.js-ci-variable-input-value').val('looooong');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toHaveClass('hide');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('rejects values that are shorter than 8 characters', done => {
-        $row.find('.js-ci-variable-input-value').val('short');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toBeVisible();
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('allows values with base 64 characters', done => {
-        $row.find('.js-ci-variable-input-value').val('abcABC123_+=/-');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toHaveClass('hide');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('rejects values with other special characters', done => {
-        $row.find('.js-ci-variable-input-value').val('1234567$');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toBeVisible();
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-  });
-
-  describe('toggleEnableRow method', () => {
-    beforeEach(() => {
-      loadFixtures('pipeline_schedules/edit_with_variables.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should disable all key inputs', () => {
-      expect($wrapper.find('.js-ci-variable-input-key:not([disabled])').length).toBe(3);
-
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-ci-variable-input-key[disabled]').length).toBe(3);
-    });
-
-    it('should disable all remove buttons', () => {
-      expect($wrapper.find('.js-row-remove-button:not([disabled])').length).toBe(3);
-
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-row-remove-button[disabled]').length).toBe(3);
-    });
-
-    it('should enable all remove buttons', () => {
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-row-remove-button[disabled]').length).toBe(3);
-
-      variableList.toggleEnableRow(true);
-
-      expect($wrapper.find('.js-row-remove-button:not([disabled])').length).toBe(3);
-    });
-
-    it('should enable all key inputs', () => {
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-ci-variable-input-key[disabled]').length).toBe(3);
-
-      variableList.toggleEnableRow(true);
-
-      expect($wrapper.find('.js-ci-variable-input-key:not([disabled])').length).toBe(3);
-    });
-  });
-
-  describe('hideValues', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should hide value input and show placeholder stars', () => {
-      const $row = $wrapper.find('.js-row');
-      const $inputValue = $row.find('.js-ci-variable-input-value');
-      const $placeholder = $row.find('.js-secret-value-placeholder');
-
-      $row
-        .find('.js-ci-variable-input-value')
-        .val('foo')
-        .trigger('input');
-
-      expect($placeholder.hasClass(HIDE_CLASS)).toBe(true);
-      expect($inputValue.hasClass(HIDE_CLASS)).toBe(false);
-
-      variableList.hideValues();
-
-      expect($placeholder.hasClass(HIDE_CLASS)).toBe(false);
-      expect($inputValue.hasClass(HIDE_CLASS)).toBe(true);
-    });
-  });
-});
diff --git a/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js b/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js
deleted file mode 100644
index 4982b68fa81..00000000000
--- a/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import $ from 'jquery';
-import setupNativeFormVariableList from '~/ci_variable_list/native_form_variable_list';
-
-describe('NativeFormVariableList', () => {
-  preloadFixtures('pipeline_schedules/edit.html');
-
-  let $wrapper;
-
-  beforeEach(() => {
-    loadFixtures('pipeline_schedules/edit.html');
-    $wrapper = $('.js-ci-variable-list-section');
-
-    setupNativeFormVariableList({
-      container: $wrapper,
-      formField: 'schedule',
-    });
-  });
-
-  describe('onFormSubmit', () => {
-    it('should clear out the `name` attribute on the inputs for the last empty row on form submission (avoid BE validation)', () => {
-      const $row = $wrapper.find('.js-row');
-
-      expect($row.find('.js-ci-variable-input-key').attr('name')).toBe(
-        'schedule[variables_attributes][][key]',
-      );
-
-      expect($row.find('.js-ci-variable-input-value').attr('name')).toBe(
-        'schedule[variables_attributes][][secret_value]',
-      );
-
-      $wrapper.closest('form').trigger('trigger-submit');
-
-      expect($row.find('.js-ci-variable-input-key').attr('name')).toBe('');
-      expect($row.find('.js-ci-variable-input-value').attr('name')).toBe('');
-    });
-  });
-});