Improve test case action dropdown
What does this MR do and why?
Initially, this migrated the test cases actions dropdown to GlDisclosureDropdown
. However, there was a concurring migration initiative which was merged first: !134276 (merged).
As a result, this migration isn't relevant anymore, but instead of closing this MR, we are re-purposing it to do a few improvements:
- Replaced some Bootstrap utils with GitLab UI ones.
- Dropped slot override in favor of native GlDisclosureDropdownItem API.
- Moved "New test case" dropdown item to a group.
- Right-positioned the dropdown.
- Rewrote the specs to trigger the request via actual UI interactions.
- Added tests for toggling state changes via the dropdown.
Changelog: changed
EE: true
Screenshots or screen recordings
Before !134276 (merged) | After !134276 (merged) | This MR |
---|---|---|
![]() |
![]() |
![]() |
How to set up and validate locally
- Follow the steps at https://docs.gitlab.com/ee/ci/test_cases/#create-a-test-case to create a test case.
- Navigate to the test case you just created.
- Resize the window to a mobile device's width.
- Click on the
Options
button in the header.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #418029 (closed)
Edited by Paul Gascou-Vaillancourt