Update specs for mini pipeline

Run specs for mini pipeline with the feature flag in both enabled and
disabled states

app/assets/javascripts/pipelines/components/pipelines_list/stage.vue

@@ -53,7 +53,7 @@ export default {
   data() {
     return {
       isLoading: false,
-      dropdownContent: '',
+      dropdownContent: [],
     };
   },
   computed: {
@@ -77,7 +77,7 @@ export default {
     },
   },
   updated() {
-    if (!this.isCiMiniPipelineGlDropdown && this.dropdownContent.length > 0) {
+    if (!this.isCiMiniPipelineGlDropdown && this.dropdownContent.length) {
       this.stopDropdownClickPropagation();
     }
   },
@@ -161,15 +161,12 @@ export default {
       v-if="isCiMiniPipelineGlDropdown"
       ref="stageGlDropdown"
       v-gl-tooltip.hover
+      data-testid="mini-pipeline-graph-dropdown"
       :title="stage.title"
       variant="link"
       :lazy="true"
       :popper-opts="{ placement: 'bottom' }"
-      :toggle-class="[
-        'mini-pipeline-graph-gl-dropdown-toggle',
-        'js-builds-dropdown-button',
-        triggerButtonClass,
-      ]"
+      :toggle-class="['mini-pipeline-graph-gl-dropdown-toggle', triggerButtonClass]"
       menu-class="mini-pipeline-graph-dropdown-menu"
       @show="onShowDropdown"
     >

ee/spec/features/merge_trains/user_adds_merge_request_to_merge_train_spec.rb

@@ -18,6 +18,7 @@ RSpec.describe 'User adds a merge request to a merge train', :js do
 
   before do
     stub_feature_flags(disable_merge_trains: false)
+    stub_feature_flags(ci_mini_pipeline_gl_dropdown: false)
     stub_licensed_features(merge_pipelines: true, merge_trains: true)
     project.add_maintainer(user)
     project.update!(merge_pipelines_enabled: true, merge_trains_enabled: true)

spec/features/projects/pipelines/pipelines_spec.rb

@@ -518,58 +518,75 @@ RSpec.describe 'Pipelines', :js do
         end
       end
 
-      context 'mini pipeline graph' do
-        let!(:build) do
-          create(:ci_build, :pending, pipeline: pipeline,
-                                      stage: 'build',
-                                      name: 'build')
-        end
+      shared_examples 'mini pipeline renders' do |ci_mini_pipeline_gl_dropdown_enabled|
+        context 'mini pipeline graph' do
+          let!(:build) do
+            create(:ci_build, :pending, pipeline: pipeline,
+                                        stage: 'build',
+                                        name: 'build')
+          end
 
-        dropdown_toggle_selector = '[data-testid="mini-pipeline-graph-dropdown-toggle"]'
+          before do
+            stub_feature_flags(ci_mini_pipeline_gl_dropdown: ci_mini_pipeline_gl_dropdown_enabled)
+            visit_project_pipelines
+          end
 
-        before do
-          visit_project_pipelines
-        end
+          let_it_be(:dropdown_toggle_selector) do
+            if ci_mini_pipeline_gl_dropdown_enabled
+              '[data-testid="mini-pipeline-graph-dropdown"] .dropdown-toggle'
+            else
+              '[data-testid="mini-pipeline-graph-dropdown-toggle"]'
+            end
+          end
 
-        it 'renders a mini pipeline graph' do
-          expect(page).to have_selector('[data-testid="widget-mini-pipeline-graph"]')
-          expect(page).to have_selector(dropdown_toggle_selector)
-        end
+          it 'renders a mini pipeline graph' do
+            expect(page).to have_selector('[data-testid="widget-mini-pipeline-graph"]')
+            expect(page).to have_selector(dropdown_toggle_selector)
+          end
 
-        context 'when clicking a stage badge' do
-          it 'opens a dropdown' do
-            find(dropdown_toggle_selector).click
+          context 'when clicking a stage badge' do
+            it 'opens a dropdown' do
+              find(dropdown_toggle_selector).click
 
-            expect(page).to have_link build.name
-          end
+              expect(page).to have_link build.name
+            end
 
-          it 'is possible to cancel pending build' do
-            find(dropdown_toggle_selector).click
-            find('.js-ci-action').click
-            wait_for_requests
+            it 'is possible to cancel pending build' do
+              find(dropdown_toggle_selector).click
+              find('.js-ci-action').click
+              wait_for_requests
 
-            expect(build.reload).to be_canceled
+              expect(build.reload).to be_canceled
+            end
           end
-        end
 
-        context 'for a failed pipeline' do
-          let!(:build) do
-            create(:ci_build, :failed, pipeline: pipeline,
-                                       stage: 'build',
-                                       name: 'build')
-          end
+          context 'for a failed pipeline' do
+            let!(:build) do
+              create(:ci_build, :failed, pipeline: pipeline,
+                                        stage: 'build',
+                                        name: 'build')
+            end
 
-          it 'displays the failure reason' do
-            find(dropdown_toggle_selector).click
+            it 'displays the failure reason' do
+              find(dropdown_toggle_selector).click
 
-            within('.js-builds-dropdown-list') do
-              build_element = page.find('.mini-pipeline-graph-dropdown-item')
-              expect(build_element['title']).to eq('build - failed - (unknown failure)')
+              within('.js-builds-dropdown-list') do
+                build_element = page.find('.mini-pipeline-graph-dropdown-item')
+                expect(build_element['title']).to eq('build - failed - (unknown failure)')
+              end
             end
           end
         end
       end
 
+      context 'with ci_mini_pipeline_gl_dropdown disabled' do
+        it_behaves_like "mini pipeline renders", false
+      end
+
+      context 'with ci_mini_pipeline_gl_dropdown enabled' do
+        it_behaves_like "mini pipeline renders", true
+      end
+
       context 'with pagination' do
         before do
           allow(Ci::Pipeline).to receive(:default_per_page).and_return(1)