Duo Early Access Banner to Vue

Lindsey Sheltonrequested to merge
duo-early-access-banner into master

What does this MR do and why?

The purpose of this MR is to decommission the existing HAML Early Access Program Checkbox and to move to a new Vue component that utilizes a Minimal Layout Page to add a group to the Early Access Program.

Related Issues:

  • #460093 - Early Access (beta) program setting - Frontend changes (iteration 1)

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Screenshot_2024-09-12_at_12.34.38_PM Screenshot_2024-09-10_at_11.31.08_PM
Screenshot_2024-09-12_at_12.35.51_PM
Screenshot_2024-09-12_at_12.36.04_PM

Screen Recording of Changes:

Screen_Recording_2024-09-12_at_12.27.12_PM

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

For frontend and UX changes:

To utilize the new **GitLab Duo features > Early Access Program *** use the following feature-flag: ::Feature.enabled?(:early_access_program_toggle, @current_user), and make sure it is enabled.

  1. Go to Group > Settings > GitLab Duo Features
  2. If the GitLab Duo experiment and beta features checkbox is not checked, check it now and click Save changes.
  3. Return to the GitLab Duo Features section, validate a banner appears for Participate in the Early Access Program and help make GitLab better.
  4. Click the Enroll in the Early Access Program.
  5. To cancel out of the enrollment, click Cancel. Validate this returns you to the Group > Settings page.
  6. To enroll, click the Confirm Enrollment button.
  7. Validate that you return to the Group > Settings page and a Success notice appears.
  8. Return to the GitLab Duo Features section, validate the banner no longer appears.
  9. Optional: To test banner dismissal, select the X icon in the upper right corner of the banner. This will dismiss your banner for 7 days and a Toast should appear with a message. You can reset the cookies for this banner if you would like to retest the dismissal.

For backend changes:

Run the following specs:

  • bundle exec rspec ee/spec/helpers/ee/groups/settings_helper_spec.rb
  • bundle exec rspec ee/spec/requests/groups/early_access_opt_in_controller_spec.rb
  • bundle exec rspec ee/spec/views/groups/early_access_opt_in/show.html.haml_spec.rb
Edited by Lindsey Shelton

Merge request reports