Skip to content

Set up new file structure for onboarding split for product analytics

Robert Hunt requested to merge 381315-create-onboarding-vue-app-structure into master

This MR sets up the structure for an onboarding flow within product analytics that will be filled out with the next few MRs as part of Onboarding Flow - Internal Preview (&9258 - closed).

At the same time, it moves the existing dashboards view to within a new wrapping app, creates the new onboarding view (placeholder content), and adds the wrapping app to eventually handle the decision on which to show.

MR Step
Set up new file structure for onboarding split ... (!105809 - merged) 👈 You are here
Set up initial onboarding decision tree for pro... (!105811 - merged)
The decision tree that will eventually be used:

image

Screenshots or screen recordings

Situation Screenshot
Loading image
Onboarding (placeholder content) image
Dashboards listing (unchanged) image

How to set up and validate locally

Make sure you are on at least GitLab Premium.

  1. Enable the feature flag: echo "Feature.enable(:cube_api_proxy)" | rails c.
  2. Set up the devkit and start it running using docker-compose up.
  3. Visit admin settings and make sure that the settings have been set: /admin/application_settings/general#js-product-analytics-settings.
  4. Visit a dashboard on a project that hasn't been set up yet: /[GROUP]/[PROJECT]/-/product_analytics/dashboards/.
  5. Validate the dashboards listing is shown.
  6. If you like, you can use VueDevTools to manipulate the isLoading, isOnboarding data values to test the other views, but these will be fully tested in the next MR, and they are covered by the unit tests.

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 #381315 (closed)

Edited by Robert Hunt

Merge request reports