Merge branch '213341-project-snippet-delete-redirect' into 'master'

Resolve "Project Snippet deletion redirects to wrong path"

Closes #213341

See merge request gitlab-org/gitlab!31709

app/assets/javascripts/snippets/components/snippet_header.vue

@@ -127,7 +127,7 @@ export default {
   },
   methods: {
     redirectToSnippets() {
-      window.location.pathname = 'dashboard/snippets';
+      window.location.pathname = this.snippet.project?.fullPath || 'dashboard/snippets';
     },
     closeDeleteModal() {
       this.$refs.deleteModal.hide();

changelogs/unreleased/213341-project-snippet-delete-redirect.yml

+---
+title: Fixed redirection when deleting a project snippet
+merge_request: 31709
+author:
+type: fixed

spec/frontend/snippets/components/snippet_header_spec.js

@@ -172,14 +172,34 @@ describe('Snippet header component', () => {
       });
     });
 
-    it('closes modal and redirects to snippets listing in case of successful mutation', () => {
-      createComponent();
-      wrapper.vm.closeDeleteModal = jest.fn();
+    describe('in case of successful mutation, closes modal and redirects to correct listing', () => {
+      const createDeleteSnippet = (snippetProps = {}) => {
+        createComponent({
+          snippetProps,
+        });
+        wrapper.vm.closeDeleteModal = jest.fn();
+
+        wrapper.vm.deleteSnippet();
+        return wrapper.vm.$nextTick();
+      };
 
-      wrapper.vm.deleteSnippet();
-      return wrapper.vm.$nextTick().then(() => {
-        expect(wrapper.vm.closeDeleteModal).toHaveBeenCalled();
-        expect(window.location.pathname).toEqual('dashboard/snippets');
+      it('redirects to dashboard/snippets for personal snippet', () => {
+        return createDeleteSnippet().then(() => {
+          expect(wrapper.vm.closeDeleteModal).toHaveBeenCalled();
+          expect(window.location.pathname).toBe('dashboard/snippets');
+        });
+      });
+
+      it('redirects to project snippets for project snippet', () => {
+        const fullPath = 'foo/bar';
+        return createDeleteSnippet({
+          project: {
+            fullPath,
+          },
+        }).then(() => {
+          expect(wrapper.vm.closeDeleteModal).toHaveBeenCalled();
+          expect(window.location.pathname).toBe(fullPath);
+        });
       });
     });
   });