Skip to content

Move integration settings form from HAML to Vue

Tom Quirk requested to merge 347506-integration-form-haml-to-vue into master

What does this MR do and why?

Related to #347506 (closed).

This MR moves the integration settings form from HAML to Vue.

Feature flag rollout issue is: #350444 (closed)

Screenshots or screen recordings

Video demonstrates that form errors and form field validation still render, and that the form can submit successfully.

jira-proj-demo

How to set up and validate locally

It is recommended to test the integrations form at the project, group and instance level as they have slightly different behaviors.

Project-level

  1. Navigate to any GitLab project.
  2. Select Settings > Integrations from the left sidebar.
  3. Select an integration to set up (for example, Asana).
  4. Complete the form details. Generally, you can use random data for this.
  5. Click "save changes". The form should submit.

Group-level

  1. Navigate to any GitLab group.
  2. Select Settings > Integrations from the left sidebar.
  3. Select an integration to set up (for example, Asana).
  4. Complete the form details. Generally, you can use random data for this.
  5. Click "save changes". The form should submit.

Instance-level

  1. Navigate to the admin settings from the top menu, Menu > Admin.
  2. Select Settings > Integrations from the left sidebar.
  3. Select an integration to set up (for example, Asana).
  4. Complete the form details. Generally, you can use random data for this.
  5. Click "save changes". The form should submit.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #347506 (closed)

Edited by Tom Quirk

Merge request reports