Merge branch '229960-anchor-tags-to-designs-is-not-working' into 'master'

Resolve "Anchor tags to Designs is not working"

See merge request gitlab-org/gitlab!37307

app/assets/javascripts/design_management_new/pages/index.vue

@@ -107,6 +107,9 @@ export default {
   },
   mounted() {
     this.toggleOnPasteListener(this.$route.name);
+    if (this.$route.path === '/designs') {
+      this.$el.scrollIntoView();
+    }
   },
   methods: {
     resetFilesToBeSaved() {

changelogs/unreleased/229960-anchor-tags-to-designs-is-not-working.yml

+---
+title: Resolve Anchor tags to Designs is not working
+merge_request: 37307
+author:
+type: fixed

spec/frontend/design_management_new/pages/index_spec.js

@@ -25,6 +25,9 @@ const mockPageEl = {
 };
 jest.spyOn(utils, 'getPageLayoutElement').mockReturnValue(mockPageEl);
 
+const scrollIntoViewMock = jest.fn();
+HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
+
 const localVue = createLocalVue();
 const router = createRouter();
 localVue.use(VueRouter);
@@ -567,5 +570,14 @@ describe('Design management index page', () => {
       expect(mockPageEl.classList.remove).toHaveBeenCalledTimes(1);
       expect(mockPageEl.classList.remove).toHaveBeenCalledWith(...DESIGN_DETAIL_LAYOUT_CLASSLIST);
     });
+
+    it('should trigger a scrollIntoView method if designs route is detected', () => {
+      router.replace({
+        path: '/designs',
+      });
+      createComponent(true);
+
+      expect(scrollIntoViewMock).toHaveBeenCalled();
+    });
   });
 });