Run releases rspec on both versions of component

This commit updates the feature specs for the Releases index page to
run twice - once with the `releases_index_apollo_client` feature flag
enabled, and once with it disabled.

app/assets/javascripts/releases/components/releases_sort_apollo_client.vue

@@ -76,6 +76,7 @@ export default {
   <gl-sorting
     :text="sortText"
     :is-ascending="isDirectionAscending"
+    data-testid="releases-sort"
     @sortDirectionChange="onDirectionChange"
   >
     <gl-sorting-item

spec/features/projects/releases/user_views_releases_spec.rb

@@ -15,134 +15,151 @@ RSpec.describe 'User views releases', :js do
   let_it_be(:guest) { create(:user) }
 
   before do
-    stub_feature_flags(releases_index_apollo_client: false)
     project.add_maintainer(maintainer)
     project.add_guest(guest)
   end
 
-  context('when the user is a maintainer') do
-    before do
-      sign_in(maintainer)
-
-      visit project_releases_path(project)
-    end
+  shared_examples 'releases index page' do
+    context('when the user is a maintainer') do
+      before do
+        sign_in(maintainer)
 
-    it 'sees the release' do
-      page.within("##{release_v1.tag}") do
-        expect(page).to have_content(release_v1.name)
-        expect(page).to have_content(release_v1.tag)
-        expect(page).not_to have_content('Upcoming Release')
+        visit project_releases_path(project)
       end
-    end
-
-    context 'when there is a link as an asset' do
-      let!(:release_link) { create(:release_link, release: release_v1, url: url ) }
-      let(:url) { "#{project.web_url}/-/jobs/1/artifacts/download" }
-      let(:direct_asset_link) { Gitlab::Routing.url_helpers.project_release_url(project, release_v1) << "/downloads#{release_link.filepath}" }
 
-      it 'sees the link' do
-        page.within("##{release_v1.tag} .js-assets-list") do
-          expect(page).to have_link release_link.name, href: direct_asset_link
-          expect(page).not_to have_css('[data-testid="external-link-indicator"]')
+      it 'sees the release' do
+        page.within("##{release_v1.tag}") do
+          expect(page).to have_content(release_v1.name)
+          expect(page).to have_content(release_v1.tag)
+          expect(page).not_to have_content('Upcoming Release')
         end
       end
 
-      context 'when there is a link redirect' do
-        let!(:release_link) { create(:release_link, release: release_v1, name: 'linux-amd64 binaries', filepath: '/binaries/linux-amd64', url: url) }
+      context 'when there is a link as an asset' do
+        let!(:release_link) { create(:release_link, release: release_v1, url: url ) }
         let(:url) { "#{project.web_url}/-/jobs/1/artifacts/download" }
+        let(:direct_asset_link) { Gitlab::Routing.url_helpers.project_release_url(project, release_v1) << "/downloads#{release_link.filepath}" }
 
-        it 'sees the link', quarantine: 'https://gitlab.com/gitlab-org/gitlab/-/issues/329301' do
+        it 'sees the link' do
           page.within("##{release_v1.tag} .js-assets-list") do
             expect(page).to have_link release_link.name, href: direct_asset_link
             expect(page).not_to have_css('[data-testid="external-link-indicator"]')
           end
         end
-      end
 
-      context 'when url points to external resource' do
-        let(:url) { 'http://google.com/download' }
+        context 'when there is a link redirect' do
+          let!(:release_link) { create(:release_link, release: release_v1, name: 'linux-amd64 binaries', filepath: '/binaries/linux-amd64', url: url) }
+          let(:url) { "#{project.web_url}/-/jobs/1/artifacts/download" }
 
-        it 'sees that the link is external resource', quarantine: 'https://gitlab.com/gitlab-org/gitlab/-/issues/329302' do
-          page.within("##{release_v1.tag} .js-assets-list") do
-            expect(page).to have_css('[data-testid="external-link-indicator"]')
+          it 'sees the link', quarantine: 'https://gitlab.com/gitlab-org/gitlab/-/issues/329301' do
+            page.within("##{release_v1.tag} .js-assets-list") do
+              expect(page).to have_link release_link.name, href: direct_asset_link
+              expect(page).not_to have_css('[data-testid="external-link-indicator"]')
+            end
+          end
+        end
+
+        context 'when url points to external resource' do
+          let(:url) { 'http://google.com/download' }
+
+          it 'sees that the link is external resource', quarantine: 'https://gitlab.com/gitlab-org/gitlab/-/issues/329302' do
+            page.within("##{release_v1.tag} .js-assets-list") do
+              expect(page).to have_css('[data-testid="external-link-indicator"]')
+            end
           end
         end
       end
-    end
 
-    context 'with an upcoming release' do
-      it 'sees the upcoming tag' do
-        page.within("##{release_v3.tag}") do
-          expect(page).to have_content('Upcoming Release')
+      context 'with an upcoming release' do
+        it 'sees the upcoming tag' do
+          page.within("##{release_v3.tag}") do
+            expect(page).to have_content('Upcoming Release')
+          end
         end
       end
-    end
 
-    context 'with a tag containing a slash' do
-      it 'sees the release' do
-        page.within("##{release_v2.tag.parameterize}") do
-          expect(page).to have_content(release_v2.name)
-          expect(page).to have_content(release_v2.tag)
+      context 'with a tag containing a slash' do
+        it 'sees the release' do
+          page.within("##{release_v2.tag.parameterize}") do
+            expect(page).to have_content(release_v2.name)
+            expect(page).to have_content(release_v2.tag)
+          end
         end
       end
-    end
 
-    context 'sorting' do
-      def sort_page(by:, direction:)
-        within '[data-testid="releases-sort"]' do
-          find('.dropdown-toggle').click
+      context 'sorting' do
+        def sort_page(by:, direction:)
+          within '[data-testid="releases-sort"]' do
+            find('.dropdown-toggle').click
 
-          click_button(by, class: 'dropdown-item')
+            click_button(by, class: 'dropdown-item')
 
-          find('.sorting-direction-button').click if direction == :ascending
+            find('.sorting-direction-button').click if direction == :ascending
+          end
         end
-      end
 
-      shared_examples 'releases sort order' do
-        it "sorts the releases #{description}" do
-          card_titles = page.all('.release-block .card-title', minimum: expected_releases.count)
+        shared_examples 'releases sort order' do
+          it "sorts the releases #{description}" do
+            card_titles = page.all('.release-block .card-title', minimum: expected_releases.count)
 
-          card_titles.each_with_index do |title, index|
-            expect(title).to have_content(expected_releases[index].name)
+            card_titles.each_with_index do |title, index|
+              expect(title).to have_content(expected_releases[index].name)
+            end
           end
         end
-      end
 
-      context "when the page is sorted by the default sort order" do
-        let(:expected_releases) { [release_v3, release_v2, release_v1] }
+        context "when the page is sorted by the default sort order" do
+          let(:expected_releases) { [release_v3, release_v2, release_v1] }
 
-        it_behaves_like 'releases sort order'
-      end
+          it_behaves_like 'releases sort order'
+        end
 
-      context "when the page is sorted by created_at ascending " do
-        let(:expected_releases) { [release_v2, release_v1, release_v3] }
+        context "when the page is sorted by created_at ascending " do
+          let(:expected_releases) { [release_v2, release_v1, release_v3] }
 
-        before do
-          sort_page by: 'Created date', direction: :ascending
+          before do
+            sort_page by: 'Created date', direction: :ascending
+          end
+
+          it_behaves_like 'releases sort order'
         end
+      end
+    end
+
+    context('when the user is a guest') do
+      before do
+        sign_in(guest)
+      end
+
+      it 'renders release info except for Git-related data' do
+        visit project_releases_path(project)
+
+        within('.release-block', match: :first) do
+          expect(page).to have_content(release_v3.description)
 
-        it_behaves_like 'releases sort order'
+          # The following properties (sometimes) include Git info,
+          # so they are not rendered for Guest users
+          expect(page).not_to have_content(release_v3.name)
+          expect(page).not_to have_content(release_v3.tag)
+          expect(page).not_to have_content(release_v3.commit.short_id)
+        end
       end
     end
   end
 
-  context('when the user is a guest') do
+  context 'when the releases_index_apollo_client feature flag is enabled' do
     before do
-      sign_in(guest)
+      stub_feature_flags(releases_index_apollo_client: true)
     end
 
-    it 'renders release info except for Git-related data' do
-      visit project_releases_path(project)
-
-      within('.release-block', match: :first) do
-        expect(page).to have_content(release_v3.description)
+    it_behaves_like 'releases index page'
+  end
 
-        # The following properties (sometimes) include Git info,
-        # so they are not rendered for Guest users
-        expect(page).not_to have_content(release_v3.name)
-        expect(page).not_to have_content(release_v3.tag)
-        expect(page).not_to have_content(release_v3.commit.short_id)
-      end
+  context 'when the releases_index_apollo_client feature flag is disabled' do
+    before do
+      stub_feature_flags(releases_index_apollo_client: false)
     end
+
+    it_behaves_like 'releases index page'
   end
 end