Loading
Add Vue 3 rollout flag for test case pages
What does this MR do and why?
This MR adds the vue3_migrate_portfolio_planning feature flag and a vue3_migration.yml for three test case entrypoints. This opts them into the Vue 3 migration with Option 1.
Entrypoints
-
pages.projects.quality.test_cases— test case list (ee/test_case_list/test_case_list_bundle) -
pages.projects.quality.test_cases.new— new test case (ee/test_case_create/test_case_create_bundle) -
pages.projects.quality.test_cases.show— test case detail (ee/test_case_show/test_case_show_bundle)
References
Screenshots or screen recordings
- Test Case List (eg.
http://gdk.test:3000/twitter/Typeahead.Js/-/quality/test_cases)
- Test Case New (eg.
http://gdk.test:3000/twitter/Typeahead.Js/-/quality/test_cases/new)
- Test Case Show (eg.
http://gdk.test:3000/twitter/Typeahead.Js/-/quality/test_cases/84)
How to set up and validate locally
- Enable the feature flag
vue3_migrate_test_cases(you should see something like[gitlab] [V] Using Vue.js 3 for TestCaseListAppRootin the browser console) - Within a project, navigate to Build -> Test cases
- To ensure no regressions, create a new test case, view it on the main list, and select it
- Confirm the browser console stays free of any Vue 3 specific errors
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #608119 (closed)
Edited by Joanna Niemczyk


