Migrates LabelsSelect to LabelsSelectWidget in TestCaseSidebar

Rudy Cresporequested to merge
373395-add-label-ui-is-unusable-in-test-case-sidebar into master

What does this MR do and why?

Migrates LabelsSelect to LabelsSelectWidget in order to fix bug in which labels dropdown is obscured because it flips up when content is out of view in shorter browser windows and to keep TestCaseSidebar up-to-date with other sidebars.

Screenshots or screen recordings

Before After
Screen_Recording_2023-01-24_at_4.52.41_PM Screen_Recording_2023-01-24_at_4.55.27_PM
Screenshot_2023-01-24_at_4.47.38_PM Screenshot_2023-01-24_at_4.56.37_PM
Screenshot_2023-01-24_at_4.47.48_PM Screenshot_2023-01-24_at_4.56.48_PM
Screenshot_2023-01-24_at_4.48.00_PM Screenshot_2023-01-24_at_4.57.02_PM
Screenshot_2023-01-24_at_4.48.16_PM Screenshot_2023-01-24_at_4.57.12_PM
Screenshot_2023-01-24_at_4.48.36_PM Screenshot_2023-01-24_at_4.57.24_PM

How to set up and validate locally

  1. In your GDK, navigate to any project, hover over "CI/CD" in the left sidebar and select "Test Cases."
  2. Create a test case if there aren't any, and navigate to its detail page.
  3. The label select element should be in the right sidebar.

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

Edited by Rudy Crespo

Merge request reports