Expand nested stopped environments

app/assets/javascripts/environments/components/environments_app.vue

@@ -85,7 +85,7 @@ export default {
       this.store.updateEnvironmentProp(folder, 'isLoadingFolderContent', showLoader);
 
       this.service
-        .getFolderContent(folder.folder_path)
+        .getFolderContent(folder.folder_path, folder.state)
         .then((response) => this.store.setfolderContent(folder, response.data.environments))
         .then(() => this.store.updateEnvironmentProp(folder, 'isLoadingFolderContent', false))
         .catch(() => {

app/assets/javascripts/environments/services/environments_service.js

@@ -21,7 +21,7 @@ export default class EnvironmentsService {
     return axios.delete(endpoint, {});
   }
 
-  getFolderContent(folderUrl) {
-    return axios.get(`${folderUrl}.json?per_page=${this.folderResults}`);
+  getFolderContent(folderUrl, scope) {
+    return axios.get(`${folderUrl}.json?per_page=${this.folderResults}&scope=${scope}`);
   }
 }

changelogs/unreleased/expand-stopped-env.yml

+---
+title: Expand nested stopped environments
+merge_request: 55676
+author:
+type: changed

spec/features/projects/environments/environments_spec.rb

@@ -429,6 +429,7 @@ RSpec.describe 'Environments page', :js do
   end
 
   describe 'environments folders' do
+    describe 'available environments' do
       before do
         create(:environment, :will_auto_stop,
                             project: project,
@@ -464,6 +465,35 @@ RSpec.describe 'Environments page', :js do
       end
     end
 
+    describe 'stopped environments' do
+      before do
+        create(:environment, :will_auto_stop,
+                            project: project,
+                            name: 'staging/review-1',
+                            state: :stopped)
+        create(:environment, :will_auto_stop,
+                            project: project,
+                            name: 'staging/review-2',
+                            state: :stopped)
+      end
+
+      it 'users unfurls an environment folder' do
+        visit_environments(project, scope: 'stopped')
+
+        expect(page).not_to have_content 'review-1'
+        expect(page).not_to have_content 'review-2'
+        expect(page).to have_content 'staging 2'
+
+        within('.folder-row') do
+          find('.folder-name', text: 'staging').click
+        end
+
+        expect(page).to have_content 'review-1'
+        expect(page).to have_content 'review-2'
+      end
+    end
+  end
+
   describe 'environments folders view' do
     before do
       create(:environment, project: project,