Fix stage table loading with a deep linked stage

The title field is populated for stages from the
BE when deep linking to a stage, we should use that
to compare the stage when setting the table title

Test the stage table with minimal stage data

Changelog: fixed

ee/app/assets/javascripts/analytics/cycle_analytics/components/stage_table_new.vue

@@ -55,11 +55,11 @@ export default {
     },
     isDefaultTestStage() {
       const { currentStage } = this;
-      return !currentStage.custom && currentStage.name.toLowerCase().trim() === 'test';
+      return !currentStage.custom && currentStage.title?.toLowerCase().trim() === 'test';
     },
     isDefaultStagingStage() {
       const { currentStage } = this;
-      return !currentStage.custom && currentStage.name.toLowerCase().trim() === 'staging';
+      return !currentStage.custom && currentStage.title?.toLowerCase().trim() === 'staging';
     },
     isMergeRequestStage() {
       const [firstEvent] = this.stageEvents;

ee/changelogs/unreleased/ek-fix-deep-linking-vsa-stages.yml

+---
+title: Fix stage table loading with a deep linked stage
+merge_request: 60261
+author:
+type: fixed

ee/spec/frontend/analytics/cycle_analytics/components/stage_table_new_spec.js

@@ -70,6 +70,22 @@ describe('StageTable', () => {
     });
   });
 
+  describe('with minimal stage data', () => {
+    beforeEach(() => {
+      wrapper = createComponent({ currentStage: { title: 'New stage title' } });
+    });
+
+    it('will render the correct events', () => {
+      const evs = findStageEvents();
+      expect(evs).toHaveLength(issueEvents.length);
+
+      const titles = evs.wrappers.map((ev) => findStageEventTitle(ev).text());
+      issueEvents.forEach((ev, index) => {
+        expect(titles[index]).toBe(ev.title);
+      });
+    });
+  });
+
   describe('default event', () => {
     beforeEach(() => {
       wrapper = createComponent({