Debug Run Navigation: Frontend Updates

[lmiller1990]

Build the UI component and associated states in #25899

You will leave heavily on GraphQL for data; the query will be based on

cypress/packages/app/src/debug/DebugContainer.vue

Lines 154 to 157 in 79b2c38

	nextRun: runByNumber(runNumber: $nextRunNumber) @include(if: $hasNextRun) {
	id
	...DebugNewRelevantRunBar
	}

with one addition, an allRuns property that contains and array of CloudRun.

gql`
fragment DebugSpecs on Query {
  currentProject {
    id
    cloudProject {
      __typename
      ... on CloudProject {
        id
   
        # This is the additional field
        allRuns: runsByCommitShas(commitShas: $commitShas) {
          id
          # whatever you need
        }
      }
    }
  }
}

Note that allRuns is an array containing various runs and associated with different git hashes; you'll need to do some post-processing to group the runs by git hash.

There's a few different states to consider; these are detailed in the original ticket, #25899, and in Figma (see "Resources" in that ticket).

[cypress-bot]

Released in 12.9.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v12.9.0, please open a new issue.