Change environments dropdownjivl-replace-environments-dropdown-with-gitlab-ui-dropdown

The environments dropdown will know use the gitlab-ui
dropdown component

1 files changed, 8 insertions, 6 deletions

diff --git a/spec/javascripts/monitoring/dashboard_spec.js b/spec/javascripts/monitoring/dashboard_spec.js
index 3e5bb80e091..e7bc83b9198 100644
--- a/spec/javascripts/monitoring/dashboard_spec.js
+++ b/spec/javascripts/monitoring/dashboard_spec.js
@@ -109,7 +109,7 @@ describe('Dashboard', () => {
 
       setTimeout(() => {
         const dropdownMenuEnvironments = component.$el.querySelectorAll(
-          '.js-environments-dropdown ul li a',
+          '#environments-dropdown .dropdown-item',
         );
 
         expect(dropdownMenuEnvironments.length).toEqual(component.store.environmentsData.length);
@@ -127,7 +127,7 @@ describe('Dashboard', () => {
 
       setTimeout(() => {
         const dropdownMenuEnvironments = component.$el.querySelectorAll(
-          '.js-environments-dropdown ul',
+          '#environments-dropdown .dropdown-item',
         );
 
         expect(dropdownMenuEnvironments.length).toEqual(0);
@@ -144,12 +144,14 @@ describe('Dashboard', () => {
       component.store.storeEnvironmentsData(environmentData);
 
       setTimeout(() => {
-        const dropdownIsActiveElement = component.$el.querySelectorAll(
-          '.js-environments-dropdown ul li a.is-active',
+        const dropdownItems = component.$el.querySelectorAll(
+          '#environments-dropdown .dropdown-item',
         );
 
-        expect(dropdownIsActiveElement.length).toEqual(1);
-        expect(dropdownIsActiveElement[0].textContent.trim()).toEqual(
+        const dropdownActiveElements = Array.from(dropdownItems).filter(el => el.getAttribute('active') === 'true')
+
+        expect(dropdownActiveElements.length).toEqual(1);
+        expect(dropdownActiveElements[0].textContent.trim()).toEqual(
           component.currentEnvironmentName,
         );
         done();