+ ))
+
+ cy.get('body').click('topLeft')
+ // 👆 this click is to address some flake in CI where this component renders already in the hover state
+ // example: https://cloud.cypress.io/projects/ypt4pf/runs/43417/overview/18107774-3213-47f0-902e-79502a832c34/video?reviewViewBy=FAILED&utm_source=Dashboard&utm_medium=Share+URL&utm_campaign=Video
+ // this should avoid whatever situation leads to the appearance of being hovered right after mount.
+
+ cy.findAllByTestId(`grouped-row`).should('have.length', 2).each((el) => cy.wrap(el).within(() => {
+ cy.findByTestId('debug-artifacts').should('not.be.visible')
+ cy.wrap(el).realHover()
+ cy.findByTestId('debug-artifacts').should('be.visible').children().should('have.length', 3)
+ cy.findByTestId('stats-metadata').children().should('have.length', 3)
+ }))
+
+ cy.percySnapshot()
+ })
+})
diff --git a/packages/app/src/debug/GroupedDebugFailedTest.vue b/packages/app/src/debug/GroupedDebugFailedTest.vue
new file mode 100644
index 000000000000..7a3506b3b822
--- /dev/null
+++ b/packages/app/src/debug/GroupedDebugFailedTest.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/app/src/debug/LayeredBrowserIcons.cy.tsx b/packages/app/src/debug/LayeredBrowserIcons.cy.tsx
new file mode 100644
index 000000000000..3482989bc10a
--- /dev/null
+++ b/packages/app/src/debug/LayeredBrowserIcons.cy.tsx
@@ -0,0 +1,33 @@
+import LayeredBrowserIcons from './LayeredBrowserIcons.vue'
+import type { BrowserType } from './LayeredBrowserIcons.vue'
+
+describe('', () => {
+ const browsers: BrowserType[] = ['CHROME', 'CHROME-CANARY', 'FIREFOX', 'WEBKIT', 'EDGE', 'ELECTRON']
+
+ it('mounts correctly for single browser', () => {
+ browsers.forEach((ele) => {
+ cy.mount(() => (
+
)
- cy.contains('button', 'Connect your project').should('be.visible')
+ cy.contains('button', 'Connect a Cypress Cloud project').should('be.visible')
})
it('uses the store to open the Login Connect modal', () => {
loginConnectStore.openLoginConnectModal = cy.spy().as('openLoginConnectModal')
cy.mount(() =>
+ )
+ })
+
+ cy.contains('span', 'Hover Me!')
+ .realHover()
+
+ cy.get('.v-popper__popper').should('be.visible').and('have.class', 'cypress-v-tooltip-dark')
+ cy.contains('button', 'Call to Action!').click()
+ // Interactive tooltips should stay open when interacting with content within the popper
+ cy.get('.v-popper__popper').should('be.visible')
+ cy.percySnapshot()
+
+ cy.get('body').realHover()
+ cy.get('.v-popper__popper').should('not.exist', { timeout: 250 })
+ })
})
diff --git a/packages/frontend-shared/src/components/Tooltip.vue b/packages/frontend-shared/src/components/Tooltip.vue
index a3b1e25d0f3b..76a2f437a0f6 100644
--- a/packages/frontend-shared/src/components/Tooltip.vue
+++ b/packages/frontend-shared/src/components/Tooltip.vue
@@ -33,7 +33,7 @@ import { Tooltip, Menu, options } from 'floating-vue'
options.disposeTimeout = 0
const props = withDefaults(defineProps<{
- color?: string
+ color?: 'dark' | 'light'
hideArrow?: boolean
disabled?: boolean
isInteractive?: boolean
@@ -46,7 +46,7 @@ const props = withDefaults(defineProps<{
instantMove?: boolean
showGroup?: string
}>(), {
- color: 'dark',
+ color: undefined,
hideArrow: false,
disabled: false,
isInteractive: false,
@@ -71,6 +71,17 @@ const actualPopperClass = computed(() => {
result.push('no-arrow')
}
+ // color takes priority, else fallback to tooltip -> dark, menu -> light
+ if (props.color === 'dark') {
+ result.push('cypress-v-tooltip-dark')
+ } else if (props.color === 'light') {
+ result.push('cypress-v-tooltip-light')
+ } else if (!props.isInteractive) {
+ result.push('cypress-v-tooltip-dark')
+ } else {
+ result.push('cypress-v-tooltip-light')
+ }
+
return result
})
@@ -84,16 +95,19 @@ const actualPopperClass = computed(() => {
}
}
-.v-popper__popper.v-popper--theme-tooltip {
+.cypress-v-tooltip-dark {
.v-popper__inner {
- @apply bg-gray-900 py-2 px-4;
+ @apply bg-gray-900 border-0 text-white py-2 px-4;
}
- .v-popper__arrow-inner,
.v-popper__arrow-outer {
// NOTE: we can't use @apply to here because having !important breaks things
border-color: #2e3247;
}
+ .v-popper__arrow-inner{
+ visibility: hidden;
+ }
+
&[data-popper-placement="top"] {
.v-popper__wrapper {
transform: scaleY(0);
@@ -139,7 +153,7 @@ const actualPopperClass = computed(() => {
}
}
-.v-popper__popper.v-popper--theme-menu {
+.cypress-v-tooltip-light {
.v-popper__inner {
@apply bg-white text-black;
border-color: transparent;
diff --git a/packages/frontend-shared/src/gql-components/CloudViewerAndProject.vue b/packages/frontend-shared/src/gql-components/CloudViewerAndProject.vue
index 4255bb8a8238..8d54b03ac00b 100644
--- a/packages/frontend-shared/src/gql-components/CloudViewerAndProject.vue
+++ b/packages/frontend-shared/src/gql-components/CloudViewerAndProject.vue
@@ -71,6 +71,7 @@ subscription CloudViewerAndProject_CheckCloudOrgMembership {
const loginConnectStore = useLoginConnectStore()
const {
+ setHasInitiallyLoaded,
setUserFlag,
setProjectFlag,
setUserData,
@@ -88,6 +89,13 @@ watchEffect(() => {
return
}
+ /**
+ * Indicates that the CloudViewerAndProject has received its initial data response to use to set flags. It can be used
+ * to detect that the app or launchpad has completed the first initialization of determining if the user is logged in,
+ * a project is connected to the cloud, etc.
+ */
+ setHasInitiallyLoaded()
+
const {
currentProject,
cachedUser,
diff --git a/packages/frontend-shared/src/locales/en-US.json b/packages/frontend-shared/src/locales/en-US.json
index e5d7743a97d2..d088613b58fb 100644
--- a/packages/frontend-shared/src/locales/en-US.json
+++ b/packages/frontend-shared/src/locales/en-US.json
@@ -236,6 +236,14 @@
},
"nav": {
"ariaLabel": "Pages"
+ },
+ "debug": {
+ "new": "New",
+ "debugFeature": "New Debug feature",
+ "passed": "Relevant run passed",
+ "failed": "Relevant run had {n} test failure | Relevant run had {n} test failures",
+ "errored": "Relevant run had an error",
+ "erroredWithFailures": "Relevant run had an error with {n} test failure | Relevant run had an error with {n} test failures"
}
},
"topNav": {
@@ -553,8 +561,8 @@
"smartText": "Scale your test runs with built-in Smart Orchestration.",
"debugText": "Debug tests that fail in CI with visual feedback.",
"chartText": "Keep your tests in tip-top shape with powerful analytics.",
- "buttonUser": "Log in to Cypress Cloud",
- "buttonProject": "Connect your project to Cypress Cloud",
+ "buttonUser": "Connect to Cypress Cloud",
+ "buttonProject": "Connect a Cypress Cloud project",
"modal": {
"title": "Connect project",
"cancel": "Cancel",
@@ -641,6 +649,71 @@
}
}
},
+ "debugPage": {
+ "limit": {
+ "title": "Cypress renders up to 100 failed test results",
+ "message": "This run has {n} failed tests | This run has {n} failed test | This run has {n} failed tests",
+ "link": "See all test results in Cypress Cloud"
+ },
+ "runFailures": {
+ "btn": "Run Failures",
+ "notFoundLocally": "Spec was not found locally",
+ "switchTestingTypeInfo": "There is {n} {testingType} test failing in this spec. To run it locally switch to {testingType} testing. | There are {n} {testingType} tests failing in this spec. To run them locally switch to {testingType} testing.",
+ "switchTestingTypeAction": "Switch to {testingType} testing"
+ },
+ "viewRun": "View run",
+ "overLimit": {
+ "usageExceededTitle": "You've reached your monthly test result limit",
+ "usageExceededUserMessage": "Your Free Cypress Cloud plan includes {numberTests} monthly recorded test results. Contact your Cypress Cloud admin to upgrade your plan and view more test results.",
+ "usageExceededAdminMessage": "Your Free Cypress Cloud plan includes {numberTests} monthly recorded test results. Upgrade your plan now to view more test results.",
+ "retentionExceededTitle": "Beyond data retention",
+ "retentionExceededMessage": "Your data retention limit is {limitDays} days and these tests ran {runAgeDays} days ago. Upgrade your plan to increase your data retention limit.",
+ "upgradePlan": "Upgrade plan",
+ "contactAdmin": "Contact admin"
+ },
+ "wellDone": "Well Done!",
+ "allYourTestsPassed": "All your tests passed.",
+ "incomplete": "Incomplete",
+ "specsSkipped": "{totalSkippedSpecs} of {n} spec skipped | {totalSkippedSpecs} of {n} specs skipped",
+ "runHasNoTests": "Run has no tests",
+ "theRunStartedButNeverCompleted": "The run started but never completed. This can happen when the run is cancelled from CI or when Cypress crashes while running tests.",
+ "checkYourCiLogs": "Check your {0} logs for more information.",
+ "archiveThisRun": "Archive this run to remove it from the runs list and analytics.",
+ "manuallyCancelled": "Manually cancelled",
+ "emptyStates": {
+ "debugDirectlyInCypress": "Debug failed CI runs directly in Cypress",
+ "reviewRerunAndDebug": "Review, rerun, and debug failed CI test runs that are recorded to Cypress Cloud – all from within your local Cypress app.",
+ "connectToCypressCloud": "Connect to Cypress Cloud",
+ "notLoggedInTestMessage": "Connect to Cypress Cloud to locally debug failed CI test runs",
+ "noProjectTestMessage": "Connect a Cypress Cloud project to locally debug failed CI test runs",
+ "recordYourFirstRun": "Record your first test run to Cypress Cloud",
+ "almostThere": "You're almost there! Start recording your test runs to Cypress Cloud by running the command below in your local or CI terminal.",
+ "noRunsTestMessage": "Record your first test run to Cypress Cloud to locally debug failed CI test runs",
+ "gitRepositoryNotDetected": "Git repository not detected",
+ "ensureGitSetupCorrectly": "Cypress uses Git to associate runs with your local state. Please ensure that version control is set up correctly.",
+ "learnAboutRecording": "Learn about recording a run to Cypress Cloud",
+ "learnAboutDebugging": "Learn about debugging CI failures in Cypress",
+ "learnAboutProjectSetup": "Learn about project setup in Cypress"
+ },
+ "pending": {
+ "title": "Testing",
+ "pendingCount": "{completed} of {total} specs completed | {completed} of {total} spec completed | {completed} of {total} specs completed"
+ },
+ "header": {
+ "runUrl": "View in Cypress Cloud",
+ "commitsAhead": "You are {n} commit ahead | You are {n} commits ahead"
+ },
+ "stats": {
+ "groups": "{n} group | {n} groups",
+ "operatingSystems": "{n} operating system | {n} operating systems",
+ "browsers": "{n} browser | {n} browsers"
+ },
+ "artifacts": {
+ "stdout": "View Log",
+ "screenshots": "View Screenshots",
+ "video": "View Video"
+ }
+ },
"testingType": {
"modalTitle": "Choose a testing type",
"e2e": {
diff --git a/packages/frontend-shared/src/store/login-connect-store.ts b/packages/frontend-shared/src/store/login-connect-store.ts
index 548f597fbec8..1ed3c0f3b5b9 100644
--- a/packages/frontend-shared/src/store/login-connect-store.ts
+++ b/packages/frontend-shared/src/store/login-connect-store.ts
@@ -7,6 +7,7 @@ interface LoginUserData {
}
export interface LoginConnectState {
+ hasInitiallyLoaded: boolean
isLoginConnectOpen: boolean
utmMedium: string
cypressFirstOpened?: number
@@ -51,6 +52,7 @@ export const useLoginConnectStore = defineStore({
state (): LoginConnectState {
return {
+ hasInitiallyLoaded: false,
utmMedium: '',
isLoginConnectOpen: false,
cypressFirstOpened: undefined,
@@ -75,6 +77,9 @@ export const useLoginConnectStore = defineStore({
}
},
actions: {
+ setHasInitiallyLoaded () {
+ this.hasInitiallyLoaded = true
+ },
openLoginConnectModal ({ utmMedium }: { utmMedium: string }) {
this.isLoginConnectOpen = true
this.utmMedium = utmMedium
diff --git a/packages/frontend-shared/src/utils/isAllowedFeature.ts b/packages/frontend-shared/src/utils/isAllowedFeature.ts
index 2b5f290bf027..8bea92fd6591 100644
--- a/packages/frontend-shared/src/utils/isAllowedFeature.ts
+++ b/packages/frontend-shared/src/utils/isAllowedFeature.ts
@@ -1,6 +1,10 @@
import interval from 'human-interval'
import { BannerIds } from '@packages/types'
-import type { LoginConnectStore } from '../store'
+import type { LoginConnectStore, UserStatus } from '../store'
+
+type Feature = 'specsListBanner' | 'docsCiPrompt' | 'debugNewBadge'
+type RulesSet = { base: boolean[] } & Partial>
+type Rules = Record
const bannerIds = {
isLoggedOut: BannerIds.ACI_082022_LOGIN,
@@ -10,7 +14,7 @@ const bannerIds = {
}
/**
- * Enures a cooldown period between two cypress-triggered events, if one has already happened
+ * Ensures a cooldown period between two cypress-triggered events, if one has already happened
* @param eventTime - timestamp of an event - if undefined, this function will always return true, no cooldown is needed
* @param waitTime - time to compare with, such as `1 day`, `20 minutes`, etc, to be parsed by `human-interval` package
*/
@@ -29,8 +33,10 @@ const minTimeSinceEvent = (eventTime: number | undefined, waitTime: string) => {
return (Date.now() - eventTime) > waitTimestamp
}
+export const IATR_RELEASE = new Date('2023-01-31T00:00:00').getTime()
+
export const isAllowedFeature = (
- featureName: 'specsListBanner' | 'docsCiPrompt',
+ featureName: Feature,
loginConnectStore: LoginConnectStore,
) => {
const {
@@ -62,7 +68,7 @@ export const isAllowedFeature = (
// For each feature, we define an array of rules for every `UserStatus`.
// The `base` rule is applied to all statuses, additional rules are
// nested in their respective statuses.
- const rules = {
+ const rules: Rules = {
specsListBanner: {
base: [
minTimeSinceEvent(events.cypressFirstOpened, '4 days'),
@@ -89,6 +95,14 @@ export const isAllowedFeature = (
isLoggedOut: [],
allTasksCompleted: [],
},
+ debugNewBadge: {
+ base: [!minTimeSinceEvent(IATR_RELEASE, '2 months')],
+ needsRecordedRun: [],
+ needsOrgConnect: [],
+ needsProjectConnect: [],
+ isLoggedOut: [],
+ allTasksCompleted: [],
+ },
}
const baseRules = [...rules[featureName].base]
diff --git a/packages/frontend-shared/src/utils/isRunMode.ts b/packages/frontend-shared/src/utils/isRunMode.ts
index 5a44dc30dced..1316495514b7 100644
--- a/packages/frontend-shared/src/utils/isRunMode.ts
+++ b/packages/frontend-shared/src/utils/isRunMode.ts
@@ -1 +1,3 @@
-export const isRunMode = window.__CYPRESS_MODE__ === 'run' && window.top === window
+import { CY_IN_CY_SIMULATE_RUN_MODE } from '@packages/types/src/constants'
+
+export const isRunMode = window.location.href.includes(CY_IN_CY_SIMULATE_RUN_MODE) || (window.__CYPRESS_MODE__ === 'run' && window.top === window)
diff --git a/packages/graphql/schemas/cloud.graphql b/packages/graphql/schemas/cloud.graphql
index 2ade51763c55..0dae909ab716 100644
--- a/packages/graphql/schemas/cloud.graphql
+++ b/packages/graphql/schemas/cloud.graphql
@@ -1,6 +1,72 @@
### This file was generated by Nexus Schema
### Do not make changes to this file directly
+"""
+Information about the browser the tests were run on
+"""
+type CloudBrowserInfo implements Node {
+ """
+ The formatted name of the browser, e.g. `Electron`
+ """
+ formattedName: String
+
+ """
+ The formatted name of the browser with the current version i.e `Electron 59.0.278`
+ """
+ formattedNameWithVersion: String
+
+ """
+ The version of the browser, i.e. `59`
+ """
+ formattedVersion: String
+ id: ID!
+
+ """
+ The ID of the browser, e.g. `electron`
+ """
+ unformattedName: String
+
+ """
+ The unformatted version of the browser, i.e. `59.0.278`
+ """
+ unformattedVersion: String
+}
+
+"""
+Information about the CI provider that performed a run
+"""
+type CloudCiBuildInfo implements Node {
+ """
+ CI build ID as extracted from the CI worker environment (if available)
+ """
+ ciBuildNumber: String
+
+ """
+ Formatted CI build ID as extracted from the CI worker environment (if available)
+ """
+ ciBuildNumberFormatted: String
+
+ """
+ The formatted name of the provider that performed the associated run, e.g. `CircleCI`
+ """
+ formattedProvider: String
+
+ """
+ Globally unique identifier representing a concrete GraphQL ObjectType
+ """
+ id: ID!
+
+ """
+ The ID of the provider that performed the associated run, e.g. `circleci`
+ """
+ provider: String
+
+ """
+ A link to the build details for the associated run within the CI provider (if available)
+ """
+ url: String
+}
+
"""
Feature not available for subscription
"""
@@ -26,6 +92,34 @@ type CloudLatestRunUpdateSpecData {
pollingInterval: Int
}
+"""
+The operating system the tests were run on
+"""
+type CloudOperatingSystem implements Node {
+ id: ID!
+
+ """
+ The formatted name of the operating system, e.g. `linux`
+ """
+ name: String
+
+ """
+ The formatted name of the operating system with the version, e.g. `linux 14.04`
+ """
+ nameWithVersion: String
+
+ """
+ The platform of the OS, e.g. `linux`
+ """
+ platform: OperatingSystemsEnum
+ unformattedName: String
+
+ """
+ The version of the operating system, e.g. `14.04`
+ """
+ version: String
+}
+
"""
A CloudOrganization represents an Organization stored in the Cypress Cloud
"""
@@ -95,6 +189,18 @@ type CloudOrganizationEdge {
node: CloudOrganization!
}
+type CloudPollingIntervals {
+ """
+ The frequency with which the CloudProject.runByNumber field should be polled, in seconds.
+ """
+ runByNumber: Int
+
+ """
+ The frequency with which the CloudProject.runsByCommitShas field should be polled, in seconds.
+ """
+ runsByCommitShas: Int
+}
+
"""
A CloudProject represents a Project stored in the Cypress Cloud
"""
@@ -134,6 +240,11 @@ type CloudProject implements Node {
"""
recordKeys: [CloudRecordKey!]
+ """
+ Gets a single CloudRun by runNumber
+ """
+ runByNumber(runNumber: Int!): CloudRun
+
"""
A connection field type
"""
@@ -161,6 +272,21 @@ type CloudProject implements Node {
status: CloudRunStatus
): CloudRunConnection
+ """
+ Returns runs associated to the given git commit SHAs hashes. The returned runs are ordered in the same way as the provided hashes.
+ """
+ runsByCommitShas(
+ """
+ An ordered list of git commit sha1 hashes.
+ """
+ commitShas: [String!]!
+
+ """
+ A limit to apply to the sorted list of found runs.
+ """
+ runLimit: Int! = 100
+ ): [CloudRun]
+
"""
Unique identifier for a Project
"""
@@ -283,6 +409,20 @@ type CloudProjectSpec implements Node {
"""
last: Int
): CloudSpecRunConnection
+ @deprecated(
+ reason: "Cypress app should utilize specRunsForRunIds to retrieve more relevant data based on local state"
+ )
+
+ """
+ Runs this spec has been involved with, limited to the provided list of CloudRun ids.
+ Runs will be returned in the same order as the runs provided, where matches are found.
+ """
+ specRunsForRunIds(
+ """
+ A list of IDs for a CloudRun Node, conforming to the Relay spec
+ """
+ cloudRunIds: [ID!]!
+ ): [CloudSpecRun]
}
union CloudProjectSpecFlakyResult =
@@ -358,18 +498,81 @@ type CloudRecordKey implements Node {
A Recorded run of the Test Runner, typically to the cloud
"""
type CloudRun implements Node {
+ """
+ Whether or not the run was canceled due to a failure
+ """
+ cancelOnFailure: Boolean
+
+ """
+ When the run was cancelled, null if not cancelled
+ """
+ cancelledAt: DateTime
+
+ """
+ The user who manually cancelled the run, null if not cancelled manually
+ """
+ cancelledBy: CloudUser
+
+ """
+ Information about the CI provider that performed the run
+ """
+ ci: CloudCiBuildInfo!
commitInfo: CloudRunCommitInfo
completedAt: DateTime
- createdAt: DateTime
+
+ """
+ When the run was created
+ """
+ createdAt: DateTime!
+
+ """
+ Errors recorded against tests within this run, as reported by the Cypress App during recording
+ """
+ errors: [String!]!
+
+ """
+ All groups within this run
+ """
+ groups: [CloudRunGroup!]!
"""
Globally unique identifier representing a concrete GraphQL ObjectType
"""
id: ID!
+
+ """
+ Whether this run is hidden to the user due to data limits. Specific reasons are provided in the reasonsRunIsHidden field.
+ """
+ isHidden: Boolean!
+
+ """
+ Action user can perform when the run is over a usage limit
+ """
+ overLimitActionType: OverLimitActionTypeEnum!
+
+ """
+ A link a user can navigate to when the run is over a usage limit
+ """
+ overLimitActionUrl: String!
+
+ """
+ Reasons why this run is hidden. List will be empty if the run is not hidden.
+ """
+ reasonsRunIsHidden: [CloudRunHidingReason]!
runNumber: Int
+
+ """
+ All specs within this run
+ """
+ specs: [CloudSpecRun!]!
status: CloudRunStatus
tags: [CloudRunTag]
+ """
+ Tests within this run that failed and need to be reviewed
+ """
+ testsForReview(limit: Int! = 100): [CloudTestResult!]!
+
"""
Total duration of the run in milliseconds, accounting for any parallelization
"""
@@ -462,6 +665,158 @@ type CloudRunEdge {
node: CloudRun!
}
+"""
+A group of tests that are executed together within a run
+"""
+type CloudRunGroup implements Node {
+ """
+ The browser the tests were run on
+ """
+ browser: CloudBrowserInfo!
+
+ """
+ The date and time the group was completed
+ """
+ completedAt: DateTime
+
+ """
+ The date and time the group was created
+ """
+ createdAt: DateTime!
+
+ """
+ The overall duration of the tests in the group in milliseconds
+ """
+ duration: Int!
+
+ """
+ The name of the group
+ """
+ groupName: String
+ id: ID!
+
+ """
+ The operating system the tests were run on
+ """
+ os: CloudOperatingSystem!
+ status: CloudRunGroupStatusEnum!
+
+ """
+ The type of the test
+ """
+ testingType: String!
+
+ """
+ The total number of tests that failed within the group
+ """
+ totalFailures: Int!
+
+ """
+ The total number of tests that passed within the group
+ """
+ totalPasses: Int!
+
+ """
+ The total number of tests that are pending within the group
+ """
+ totalPending: Int!
+
+ """
+ The total number of tests that are skipped within the group
+ """
+ totalSkipped: Int!
+}
+
+"""
+Possible check status of a run group
+"""
+enum CloudRunGroupStatusEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ NOTESTS
+ PASSED
+ RUNNING
+ TIMEDOUT
+ UNCLAIMED
+}
+
+"""
+The reason a run was hidden, along with any details
+"""
+union CloudRunHidingReason = DataRetentionLimitExceeded | UsageLimitExceeded
+
+"""
+An instance of executing a single test within a run
+"""
+type CloudRunInstance implements Node {
+ """
+ The ID of the group that this instance belongs to
+ """
+ groupId: String!
+
+ """
+ Used to determine if the instance has screenshots
+ """
+ hasScreenshots: Boolean!
+
+ """
+ Used to determine if the instance has stdout
+ """
+ hasStdout: Boolean!
+
+ """
+ Used to determine if the instance has screenshots
+ """
+ hasVideo: Boolean!
+ id: ID!
+
+ """
+ Link to Cypress Cloud to view stdout, if available
+ """
+ screenshotsUrl: String
+
+ """
+ The status of the instance
+ """
+ status: RunInstanceStatusEnum!
+
+ """
+ Link to Cypress Cloud to view stdout, if available
+ """
+ stdoutUrl: String
+
+ """
+ This is the number of failed tests for the instance
+ """
+ totalFailed: Int
+
+ """
+ This is the number of passed tests for the instance
+ """
+ totalPassed: Int
+
+ """
+ This is the number of pending tests for the instance
+ """
+ totalPending: Int
+
+ """
+ This is the number of running tests for the instance
+ """
+ totalRunning: Int
+
+ """
+ This is the number of skipped tests for the instance
+ """
+ totalSkipped: Int
+
+ """
+ Link to Cypress Cloud to view stdout, if available
+ """
+ videoUrl: String
+}
+
"""
Possible check status of the test run
"""
@@ -485,34 +840,55 @@ type CloudRunTag implements Node {
}
"""
-A Recorded run of a given spec from the Test Runner, typically to the cloud
+Details of test recording in Cypress Cloud for a spec file within a run
"""
type CloudSpecRun implements Node {
"""
- When the run was completed
+ Basename of the spec file
+ """
+ basename: String!
+
+ """
+ When the spec was completed
"""
completedAt: DateTime
"""
- When the run was created
+ When the spec was registered to run
"""
createdAt: DateTime
+ """
+ Extension of the spec file
+ """
+ extension: String!
+
"""
Amount of groups this spec was run in
"""
groupCount: Int
"""
- Globally unique identifier representing a concrete GraphQL ObjectType
+ Unique identifiers for each group this spec was run in
"""
+ groupIds: [String]
id: ID!
+ """
+ Full path to the spec file
+ """
+ path: String!
+
"""
Incremental run number assigned
"""
runNumber: Int
+ """
+ Short path to the spec file without leading Cypress directories
+ """
+ shortPath: String
+
"""
Aggregate information about how long the spec took to run in the groups
"""
@@ -544,7 +920,7 @@ type CloudSpecRun implements Node {
testsSkipped: SpecDataAggregate
"""
- A link to the run overview page filtered by spec
+ A link to the run overview page in Cypress Cloud filtered by spec
"""
url: String
}
@@ -592,6 +968,77 @@ enum CloudSpecStatus {
UNCLAIMED
}
+"""
+Details of a recording in Cypress Cloud for a single test within a run
+"""
+type CloudTestResult implements Node {
+ """
+ This is the duration of the test result in milliseconds
+ """
+ duration: Int
+ id: ID!
+
+ """
+ The instance of running the test result within the corresponding run
+ """
+ instance: CloudRunInstance
+
+ """
+ If the test result was flaky in the current run
+ """
+ isFlaky: Boolean!
+
+ """
+ The spec ID of the test result
+ """
+ specId: String!
+
+ """
+ The state of the test result
+ """
+ state: CloudTestResultStateEnum!
+
+ """
+ The URL to the test result in Cypress Cloud
+ """
+ testUrl: String!
+
+ """
+ The thumbprint of the test result, allows for deduping tests sharing the same title in the same spec
+ """
+ thumbprint: String!
+
+ """
+ The title of the test result: describe/context > it/test
+ """
+ title(
+ """
+ This will trim the test title to the provided depth
+ """
+ depth: Int!
+ ): String!
+
+ """
+ The title of the test result split into parts
+ """
+ titleParts: [String!]!
+}
+
+"""
+State of the test result
+"""
+enum CloudTestResultStateEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ PASSED
+ PENDING
+ RUNNING
+ SKIPPED
+ TIMEDOUT
+ UNKNOWN
+}
+
"""
A CloudUser represents an User stored in the Cypress Cloud
"""
@@ -653,6 +1100,16 @@ type CloudUser implements Node {
userIsViewer: Boolean!
}
+"""
+A run was hidden because it was over the data retention limit
+"""
+type DataRetentionLimitExceeded {
+ """
+ The number of days of data retention
+ """
+ dataRetentionDays: Int
+}
+
"""
A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar.
"""
@@ -699,6 +1156,24 @@ interface Node {
id: ID!
}
+"""
+Possible operating systems for a build
+"""
+enum OperatingSystemsEnum {
+ LINUX
+ MAC
+ UNKNOWN
+ WINDOWS
+}
+
+"""
+What to do when the run is over the limit
+"""
+enum OverLimitActionTypeEnum {
+ CONTACT_ADMIN
+ UPGRADE
+}
+
"""
PageInfo cursor, as defined in https://facebook.github.io/relay/graphql/connections.htm#sec-undefined.PageInfo
"""
@@ -740,7 +1215,7 @@ type Query {
projectSlug: String!
"""
- Datetime since the fetched data
+ DateTime since the fetched data
"""
sinceDateTime: DateTime
): CloudLatestRunUpdateSpecData
@@ -799,6 +1274,25 @@ type Query {
A user within the Cypress Cloud
"""
cloudViewer: CloudUser
+
+ """
+ Defines the suggested polling intervals for various schema resources
+ """
+ pollingIntervals: CloudPollingIntervals
+}
+
+"""
+Possible check status of the instances run
+"""
+enum RunInstanceStatusEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ NOTESTS
+ PASSED
+ RUNNING
+ TIMEDOUT
+ UNCLAIMED
}
"""
@@ -815,3 +1309,13 @@ type SpecDataAggregate {
"""
min: Int
}
+
+"""
+A run was hidden because it was over the usage limit
+"""
+type UsageLimitExceeded {
+ """
+ The number of tests allowed per month
+ """
+ monthlyTests: Int
+}
diff --git a/packages/graphql/schemas/schema.graphql b/packages/graphql/schemas/schema.graphql
index 9eeb6bc5e83f..c9a8cbf62921 100644
--- a/packages/graphql/schemas/schema.graphql
+++ b/packages/graphql/schemas/schema.graphql
@@ -66,6 +66,56 @@ type CachedUser implements Node {
id: ID!
}
+"""Information about the browser the tests were run on"""
+type CloudBrowserInfo implements Node {
+ """The formatted name of the browser, e.g. `Electron`"""
+ formattedName: String
+
+ """
+ The formatted name of the browser with the current version i.e `Electron 59.0.278`
+ """
+ formattedNameWithVersion: String
+
+ """The version of the browser, i.e. `59`"""
+ formattedVersion: String
+ id: ID!
+
+ """The ID of the browser, e.g. `electron`"""
+ unformattedName: String
+
+ """The unformatted version of the browser, i.e. `59.0.278`"""
+ unformattedVersion: String
+}
+
+"""Information about the CI provider that performed a run"""
+type CloudCiBuildInfo implements Node {
+ """CI build ID as extracted from the CI worker environment (if available)"""
+ ciBuildNumber: String
+
+ """
+ Formatted CI build ID as extracted from the CI worker environment (if available)
+ """
+ ciBuildNumberFormatted: String
+
+ """
+ The formatted name of the provider that performed the associated run, e.g. `CircleCI`
+ """
+ formattedProvider: String
+
+ """Globally unique identifier representing a concrete GraphQL ObjectType"""
+ id: ID!
+
+ """
+ The ID of the provider that performed the associated run, e.g. `circleci`
+ """
+ provider: String
+
+ """
+ A link to the build details for the associated run within the CI provider (if available)
+ """
+ url: String
+}
+
"""Feature not available for subscription"""
type CloudFeatureNotEnabled {
"""an error message"""
@@ -83,6 +133,26 @@ type CloudLatestRunUpdateSpecData {
pollingInterval: Int
}
+"""The operating system the tests were run on"""
+type CloudOperatingSystem implements Node {
+ id: ID!
+
+ """The formatted name of the operating system, e.g. `linux`"""
+ name: String
+
+ """
+ The formatted name of the operating system with the version, e.g. `linux 14.04`
+ """
+ nameWithVersion: String
+
+ """The platform of the OS, e.g. `linux`"""
+ platform: OperatingSystemsEnum
+ unformattedName: String
+
+ """The version of the operating system, e.g. `14.04`"""
+ version: String
+}
+
"""
A CloudOrganization represents an Organization stored in the Cypress Cloud
"""
@@ -132,6 +202,18 @@ type CloudOrganizationEdge {
node: CloudOrganization!
}
+type CloudPollingIntervals {
+ """
+ The frequency with which the CloudProject.runByNumber field should be polled, in seconds.
+ """
+ runByNumber: Int
+
+ """
+ The frequency with which the CloudProject.runsByCommitShas field should be polled, in seconds.
+ """
+ runsByCommitShas: Int
+}
+
"""A CloudProject represents a Project stored in the Cypress Cloud"""
type CloudProject implements Node {
"""A link to the settings page of the project in the dashboard"""
@@ -155,6 +237,9 @@ type CloudProject implements Node {
"""Record keys for the service"""
recordKeys: [CloudRecordKey!]
+ """Gets a single CloudRun by runNumber"""
+ runByNumber(runNumber: Int!): CloudRun
+
"""A connection field type"""
runs(
"""Returns the elements in the list that come after the specified cursor"""
@@ -172,6 +257,17 @@ type CloudProject implements Node {
status: CloudRunStatus
): CloudRunConnection
+ """
+ Returns runs associated to the given git commit SHAs hashes. The returned runs are ordered in the same way as the provided hashes.
+ """
+ runsByCommitShas(
+ """An ordered list of git commit sha1 hashes."""
+ commitShas: [String!]!
+
+ """A limit to apply to the sorted list of found runs."""
+ runLimit: Int! = 100
+ ): [CloudRun]
+
"""Unique identifier for a Project"""
slug: String!
}
@@ -258,7 +354,16 @@ type CloudProjectSpec implements Node {
"""Returns the last n elements from the list."""
last: Int
- ): CloudSpecRunConnection
+ ): CloudSpecRunConnection @deprecated(reason: "Cypress app should utilize specRunsForRunIds to retrieve more relevant data based on local state")
+
+ """
+ Runs this spec has been involved with, limited to the provided list of CloudRun ids.
+ Runs will be returned in the same order as the runs provided, where matches are found.
+ """
+ specRunsForRunIds(
+ """A list of IDs for a CloudRun Node, conforming to the Relay spec"""
+ cloudRunIds: [ID!]!
+ ): [CloudSpecRun]
}
union CloudProjectSpecFlakyResult = CloudFeatureNotEnabled | CloudProjectSpecFlakyStatus
@@ -309,16 +414,61 @@ type CloudRecordKey implements Node {
"""A Recorded run of the Test Runner, typically to the cloud"""
type CloudRun implements Node {
+ """Whether or not the run was canceled due to a failure"""
+ cancelOnFailure: Boolean
+
+ """When the run was cancelled, null if not cancelled"""
+ cancelledAt: DateTime
+
+ """
+ The user who manually cancelled the run, null if not cancelled manually
+ """
+ cancelledBy: CloudUser
+
+ """Information about the CI provider that performed the run"""
+ ci: CloudCiBuildInfo!
commitInfo: CloudRunCommitInfo
completedAt: DateTime
- createdAt: DateTime
+
+ """When the run was created"""
+ createdAt: DateTime!
+
+ """
+ Errors recorded against tests within this run, as reported by the Cypress App during recording
+ """
+ errors: [String!]!
+
+ """All groups within this run"""
+ groups: [CloudRunGroup!]!
"""Globally unique identifier representing a concrete GraphQL ObjectType"""
id: ID!
+
+ """
+ Whether this run is hidden to the user due to data limits. Specific reasons are provided in the reasonsRunIsHidden field.
+ """
+ isHidden: Boolean!
+
+ """Action user can perform when the run is over a usage limit"""
+ overLimitActionType: OverLimitActionTypeEnum!
+
+ """A link a user can navigate to when the run is over a usage limit"""
+ overLimitActionUrl: String!
+
+ """
+ Reasons why this run is hidden. List will be empty if the run is not hidden.
+ """
+ reasonsRunIsHidden: [CloudRunHidingReason]!
runNumber: Int
+
+ """All specs within this run"""
+ specs: [CloudSpecRun!]!
status: CloudRunStatus
tags: [CloudRunTag]
+ """Tests within this run that failed and need to be reviewed"""
+ testsForReview(limit: Int! = 100): [CloudTestResult!]!
+
"""
Total duration of the run in milliseconds, accounting for any parallelization
"""
@@ -387,6 +537,102 @@ type CloudRunEdge {
node: CloudRun!
}
+"""A group of tests that are executed together within a run"""
+type CloudRunGroup implements Node {
+ """The browser the tests were run on"""
+ browser: CloudBrowserInfo!
+
+ """The date and time the group was completed"""
+ completedAt: DateTime
+
+ """The date and time the group was created"""
+ createdAt: DateTime!
+
+ """The overall duration of the tests in the group in milliseconds"""
+ duration: Int!
+
+ """The name of the group"""
+ groupName: String
+ id: ID!
+
+ """The operating system the tests were run on"""
+ os: CloudOperatingSystem!
+ status: CloudRunGroupStatusEnum!
+
+ """The type of the test"""
+ testingType: String!
+
+ """The total number of tests that failed within the group"""
+ totalFailures: Int!
+
+ """The total number of tests that passed within the group"""
+ totalPasses: Int!
+
+ """The total number of tests that are pending within the group"""
+ totalPending: Int!
+
+ """The total number of tests that are skipped within the group"""
+ totalSkipped: Int!
+}
+
+"""Possible check status of a run group"""
+enum CloudRunGroupStatusEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ NOTESTS
+ PASSED
+ RUNNING
+ TIMEDOUT
+ UNCLAIMED
+}
+
+"""The reason a run was hidden, along with any details"""
+union CloudRunHidingReason = DataRetentionLimitExceeded | UsageLimitExceeded
+
+"""An instance of executing a single test within a run"""
+type CloudRunInstance implements Node {
+ """The ID of the group that this instance belongs to"""
+ groupId: String!
+
+ """Used to determine if the instance has screenshots"""
+ hasScreenshots: Boolean!
+
+ """Used to determine if the instance has stdout"""
+ hasStdout: Boolean!
+
+ """Used to determine if the instance has screenshots"""
+ hasVideo: Boolean!
+ id: ID!
+
+ """Link to Cypress Cloud to view stdout, if available"""
+ screenshotsUrl: String
+
+ """The status of the instance"""
+ status: RunInstanceStatusEnum!
+
+ """Link to Cypress Cloud to view stdout, if available"""
+ stdoutUrl: String
+
+ """This is the number of failed tests for the instance"""
+ totalFailed: Int
+
+ """This is the number of passed tests for the instance"""
+ totalPassed: Int
+
+ """This is the number of pending tests for the instance"""
+ totalPending: Int
+
+ """This is the number of running tests for the instance"""
+ totalRunning: Int
+
+ """This is the number of skipped tests for the instance"""
+ totalSkipped: Int
+
+ """Link to Cypress Cloud to view stdout, if available"""
+ videoUrl: String
+}
+
"""Possible check status of the test run"""
enum CloudRunStatus {
CANCELLED
@@ -406,24 +652,37 @@ type CloudRunTag implements Node {
}
"""
-A Recorded run of a given spec from the Test Runner, typically to the cloud
+Details of test recording in Cypress Cloud for a spec file within a run
"""
type CloudSpecRun implements Node {
- """When the run was completed"""
+ """Basename of the spec file"""
+ basename: String!
+
+ """When the spec was completed"""
completedAt: DateTime
- """When the run was created"""
+ """When the spec was registered to run"""
createdAt: DateTime
+ """Extension of the spec file"""
+ extension: String!
+
"""Amount of groups this spec was run in"""
groupCount: Int
- """Globally unique identifier representing a concrete GraphQL ObjectType"""
+ """Unique identifiers for each group this spec was run in"""
+ groupIds: [String]
id: ID!
+ """Full path to the spec file"""
+ path: String!
+
"""Incremental run number assigned"""
runNumber: Int
+ """Short path to the spec file without leading Cypress directories"""
+ shortPath: String
+
"""
Aggregate information about how long the spec took to run in the groups
"""
@@ -444,7 +703,7 @@ type CloudSpecRun implements Node {
"""Aggregate information about how many tests were skipped in the groups"""
testsSkipped: SpecDataAggregate
- """A link to the run overview page filtered by spec"""
+ """A link to the run overview page in Cypress Cloud filtered by spec"""
url: String
}
@@ -483,6 +742,55 @@ enum CloudSpecStatus {
UNCLAIMED
}
+"""Details of a recording in Cypress Cloud for a single test within a run"""
+type CloudTestResult implements Node {
+ """This is the duration of the test result in milliseconds"""
+ duration: Int
+ id: ID!
+
+ """The instance of running the test result within the corresponding run"""
+ instance: CloudRunInstance
+
+ """If the test result was flaky in the current run"""
+ isFlaky: Boolean!
+
+ """The spec ID of the test result"""
+ specId: String!
+
+ """The state of the test result"""
+ state: CloudTestResultStateEnum!
+
+ """The URL to the test result in Cypress Cloud"""
+ testUrl: String!
+
+ """
+ The thumbprint of the test result, allows for deduping tests sharing the same title in the same spec
+ """
+ thumbprint: String!
+
+ """The title of the test result: describe/context > it/test"""
+ title(
+ """This will trim the test title to the provided depth"""
+ depth: Int!
+ ): String!
+
+ """The title of the test result split into parts"""
+ titleParts: [String!]!
+}
+
+"""State of the test result"""
+enum CloudTestResultStateEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ PASSED
+ PENDING
+ RUNNING
+ SKIPPED
+ TIMEDOUT
+ UNKNOWN
+}
+
"""A CloudUser represents an User stored in the Cypress Cloud"""
type CloudUser implements Node {
"""Url to manage cloud organizations for this user"""
@@ -675,6 +983,9 @@ type CurrentProject implements Node & ProjectLike {
"""Absolute path to the project on the filesystem"""
projectRoot: String!
+ """Returns the spec counts for the current and next runs"""
+ relevantRunSpecs: CurrentProjectRelevantRunSpecs
+
"""Project saved state"""
savedState: JSON
@@ -686,6 +997,20 @@ type CurrentProject implements Node & ProjectLike {
title: String!
}
+type CurrentProjectRelevantRunSpecs {
+ """Spec counts for the current run"""
+ current: RelevantRunSpecs
+
+ """Spec counts for the next run"""
+ next: RelevantRunSpecs
+}
+
+"""A run was hidden because it was over the data retention limit"""
+type DataRetentionLimitExceeded {
+ """The number of days of data retention"""
+ dataRetentionDays: Int
+}
+
"""
A date string, such as 2007-12-03, compliant with the `full-date` format outlined in section 5.6 of the RFC 3339 profile of the ISO 8601 standard for representation of dates and times using the Gregorian calendar.
"""
@@ -1316,6 +1641,11 @@ type Mutation {
"""While migrating to 10+ skip manual rename step"""
migrateSkipManualRename: Query
+ """
+ Allow the relevant run for debugging marked as next to be considered the current relevant run
+ """
+ moveToNextRelevantRun: Boolean
+
"""Open a path in preferred IDE"""
openDirectoryInIDE(path: String!): Boolean
openExternal(includeGraphqlPort: Boolean, url: String!): Boolean
@@ -1389,9 +1719,18 @@ type Mutation {
"""List of specs to run for the "Run All Specs" Feature"""
setRunAllSpecs(runAllSpecs: [String!]!): Boolean
+ """Set failed tests for the current run to be used by the runner"""
+ setTestsForRun(testsBySpec: [TestsBySpecInput!]!): Boolean
+
"""Switch Testing type and relaunch browser"""
switchTestingTypeAndRelaunch(testingType: TestingTypeEnum!): Boolean
+ """Return the set of test titles for the given spec path"""
+ testsForRun(
+ """Spec path relative to the project in posix format"""
+ spec: String!
+ ): [String!]
+
"""Updates the different fields of the wizard data store"""
wizardUpdate(input: WizardUpdateInput!): Wizard
}
@@ -1402,6 +1741,20 @@ interface Node {
id: ID!
}
+"""Possible operating systems for a build"""
+enum OperatingSystemsEnum {
+ LINUX
+ MAC
+ UNKNOWN
+ WINDOWS
+}
+
+"""What to do when the run is over the limit"""
+enum OverLimitActionTypeEnum {
+ CONTACT_ADMIN
+ UPGRADE
+}
+
enum PackageManagerEnum {
npm
pnpm
@@ -1505,7 +1858,7 @@ type Query {
"""A list of Project slugs"""
projectSlug: String!
- """Datetime since the fetched data"""
+ """DateTime since the fetched data"""
sinceDateTime: DateTime
): CloudLatestRunUpdateSpecData
@@ -1571,6 +1924,9 @@ type Query {
migration: Migration
node(id: ID!): Node
+ """Defines the suggested polling intervals for various schema resources"""
+ pollingIntervals: CloudPollingIntervals
+
"""All known projects for the app"""
projects: [ProjectLike!]!
@@ -1609,6 +1965,39 @@ type ReactComponentResponse {
errored: Boolean
}
+"""
+Indicates builds from the Cypress Cloud that most closely align with the current local Git commit
+"""
+type RelevantRun {
+ """
+ How many commits ahead the current local commit is from the commit of the current run
+ """
+ commitsAhead: Int
+
+ """Run number that is the most recent build that is not a RUNNING status"""
+ current: Int
+
+ """Run number that is the most recent build regardless of status """
+ next: Int
+}
+
+enum RelevantRunLocationEnum {
+ DEBUG
+ SIDEBAR
+}
+
+""""""
+type RelevantRunSpecs {
+ """Number of specs in the run that have finished being processed"""
+ completedSpecs: Int!
+
+ """The runNumber that these spec counts belong to"""
+ runNumber: Int!
+
+ """Total number of specs in the run"""
+ totalSpecs: Int!
+}
+
"""
Represents a container for a piece of remote data stitched into the graph
"""
@@ -1713,6 +2102,18 @@ enum RemoteFetchableStatus {
NOT_FETCHED
}
+"""Possible check status of the instances run"""
+enum RunInstanceStatusEnum {
+ CANCELLED
+ ERRORED
+ FAILED
+ NOTESTS
+ PASSED
+ RUNNING
+ TIMEDOUT
+ UNCLAIMED
+}
+
"""A file that we just added to the filesystem during project setup"""
type ScaffoldedFile {
"""Info about the file we just scaffolded"""
@@ -1816,6 +2217,16 @@ type Subscription {
"""
pushFragment: [PushFragmentPayload!]!
+ """
+ Subscription that watches for a relevant run to the debug page to be RUNNING and returns updated spec counts until complete
+ """
+ relevantRunSpecChange: Query
+
+ """
+ Subscription that polls the cloud for new relevant runs that match local git commit hashes
+ """
+ relevantRuns(location: RelevantRunLocationEnum!): RelevantRun
+
"""Issued when the watched specs for the project changes"""
specsChange: CurrentProject
@@ -1851,6 +2262,23 @@ type TestingTypeInfo implements Node {
type: TestingTypeEnum!
}
+"""
+Represents the input for setting a mapping of test titles by the spec path
+"""
+input TestsBySpecInput {
+ """Path to the spec relative to the project"""
+ specPath: String!
+
+ """Full test title which should be all parts joined by a space"""
+ tests: [String!]!
+}
+
+"""A run was hidden because it was over the usage limit"""
+type UsageLimitExceeded {
+ """The number of tests allowed per month"""
+ monthlyTests: Int
+}
+
"""Version of Cypress and release date"""
type Version {
"""unique id"""
diff --git a/packages/graphql/src/schemaTypes/inputTypes/gql-TestsBySpecsInput.ts b/packages/graphql/src/schemaTypes/inputTypes/gql-TestsBySpecsInput.ts
new file mode 100644
index 000000000000..7e2eeb53109e
--- /dev/null
+++ b/packages/graphql/src/schemaTypes/inputTypes/gql-TestsBySpecsInput.ts
@@ -0,0 +1,15 @@
+import { inputObjectType } from 'nexus'
+
+export const TestsBySpecInput = inputObjectType({
+ name: 'TestsBySpecInput',
+ description: 'Represents the input for setting a mapping of test titles by the spec path',
+ definition (t) {
+ t.nonNull.string('specPath', {
+ description: 'Path to the spec relative to the project',
+ })
+
+ t.nonNull.list.nonNull.string('tests', {
+ description: 'Full test title which should be all parts joined by a space',
+ })
+ },
+})
diff --git a/packages/graphql/src/schemaTypes/inputTypes/index.ts b/packages/graphql/src/schemaTypes/inputTypes/index.ts
index 176455db2187..a2bb0dfe445e 100644
--- a/packages/graphql/src/schemaTypes/inputTypes/index.ts
+++ b/packages/graphql/src/schemaTypes/inputTypes/index.ts
@@ -2,4 +2,5 @@
// created by autobarrel, do not modify directly
export * from './gql-FileDetailsInput'
+export * from './gql-TestsBySpecsInput'
export * from './gql-WizardUpdateInput'
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-CurrentProject.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-CurrentProject.ts
index 9f80d0de8828..87f300a79255 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/gql-CurrentProject.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-CurrentProject.ts
@@ -1,7 +1,7 @@
import { PACKAGE_MANAGERS } from '@packages/types'
import { enumType, nonNull, objectType, stringArg } from 'nexus'
import path from 'path'
-import { BrowserStatusEnum, FileExtensionEnum } from '..'
+import { BrowserStatusEnum, FileExtensionEnum, RelevantRunSpecs } from '..'
import { TestingTypeEnum } from '../enumTypes/gql-WizardEnums'
import { Browser } from './gql-Browser'
import { CodeGenGlobs } from './gql-CodeGenGlobs'
@@ -238,6 +238,27 @@ export const CurrentProject = objectType({
description: 'If the browser is open or not',
resolve: (source, args, ctx) => ctx.coreData.app.browserStatus,
})
+
+ t.field('relevantRunSpecs', {
+ description: 'Returns the spec counts for the current and next runs',
+ type: objectType({
+ name: 'CurrentProjectRelevantRunSpecs',
+ definition (t) {
+ t.field('current', {
+ type: RelevantRunSpecs,
+ description: 'Spec counts for the current run',
+ })
+
+ t.field('next', {
+ type: RelevantRunSpecs,
+ description: 'Spec counts for the next run',
+ })
+ },
+ }),
+ resolve: async (source, args, ctx) => {
+ return ctx.relevantRunSpecs.specs
+ },
+ })
},
sourceType: {
module: '@packages/data-context/src/data/ProjectLifecycleManager',
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-Mutation.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-Mutation.ts
index cd01b559e1db..daf950a4ea0f 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/gql-Mutation.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-Mutation.ts
@@ -13,6 +13,7 @@ import { ScaffoldedFile } from './gql-ScaffoldedFile'
import { WIZARD_BUNDLERS, WIZARD_FRAMEWORKS } from '@packages/scaffold-config'
import debugLib from 'debug'
import { ReactComponentResponse } from './gql-ReactComponentResponse'
+import { TestsBySpecInput } from '../inputTypes'
const debug = debugLib('cypress:graphql:mutation')
@@ -764,5 +765,51 @@ export const mutation = mutationType({
return true
},
})
+
+ t.boolean('moveToNextRelevantRun', {
+ description: 'Allow the relevant run for debugging marked as next to be considered the current relevant run',
+ resolve: async (source, args, ctx) => {
+ await ctx.relevantRuns.moveToNext(ctx.git?.currentHashes || [])
+
+ return true
+ },
+ })
+
+ //Using a mutation to just return data in order to be able to await the results in the component
+ t.list.nonNull.string('testsForRun', {
+ description: 'Return the set of test titles for the given spec path',
+ args: {
+ spec: nonNull(stringArg({
+ description: 'Spec path relative to the project in posix format',
+ })),
+ },
+ resolve: (source, args, ctx) => {
+ if (!ctx.coreData.cloud.testsForRunResults) {
+ return []
+ }
+
+ const testsForSpec = ctx.coreData.cloud.testsForRunResults[args.spec]
+
+ return testsForSpec || []
+ },
+ })
+
+ t.boolean('setTestsForRun', {
+ description: 'Set failed tests for the current run to be used by the runner',
+ args: {
+ testsBySpec: nonNull(list(nonNull(arg({
+ type: TestsBySpecInput,
+ })))),
+ },
+ resolve: (source, args, ctx) => {
+ ctx.coreData.cloud.testsForRunResults = args.testsBySpec.reduce<{[index: string]: string[]}>((acc, spec) => {
+ acc[spec.specPath] = spec.tests
+
+ return acc
+ }, {})
+
+ return true
+ },
+ })
},
})
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-RelevantRun.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-RelevantRun.ts
new file mode 100644
index 000000000000..00e591a7d5c8
--- /dev/null
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-RelevantRun.ts
@@ -0,0 +1,37 @@
+import { objectType } from 'nexus'
+
+export const RelevantRun = objectType({
+ name: 'RelevantRun',
+ description: 'Indicates builds from the Cypress Cloud that most closely align with the current local Git commit',
+ definition (t) {
+ t.int('current', {
+ description: 'Run number that is the most recent build that is not a RUNNING status',
+ })
+
+ t.int('next', {
+ description: 'Run number that is the most recent build regardless of status ',
+ })
+
+ t.int('commitsAhead', {
+ description: 'How many commits ahead the current local commit is from the commit of the current run',
+ })
+ },
+})
+
+export const RelevantRunSpecs = objectType({
+ name: 'RelevantRunSpecs',
+ description: '',
+ definition (t) {
+ t.nonNull.int('runNumber', {
+ description: 'The runNumber that these spec counts belong to',
+ })
+
+ t.nonNull.int('totalSpecs', {
+ description: 'Total number of specs in the run',
+ })
+
+ t.nonNull.int('completedSpecs', {
+ description: 'Number of specs in the run that have finished being processed',
+ })
+ },
+})
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-Subscription.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-Subscription.ts
index fb21a4855a43..d7df835681aa 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/gql-Subscription.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-Subscription.ts
@@ -1,7 +1,8 @@
import type { PushFragmentData } from '@packages/data-context/src/actions'
-import { list, nonNull, objectType, stringArg, subscriptionType } from 'nexus'
+import { enumType, list, nonNull, objectType, stringArg, subscriptionType } from 'nexus'
import { CurrentProject, DevState, Query } from '.'
import { Spec } from './gql-Spec'
+import { RelevantRun } from './gql-RelevantRun'
export const Subscription = subscriptionType({
definition (t) {
@@ -124,5 +125,35 @@ export const Subscription = subscriptionType({
},
resolve: (o: string | null) => o,
})
+
+ t.field('relevantRuns', {
+ type: RelevantRun,
+ description: 'Subscription that polls the cloud for new relevant runs that match local git commit hashes',
+ args: {
+ location: nonNull(enumType({
+ name: 'RelevantRunLocationEnum',
+ members: ['DEBUG', 'SIDEBAR'],
+ })),
+ },
+ subscribe: (source, args, ctx) => {
+ return ctx.relevantRuns.pollForRuns(args.location)
+ },
+ resolve: async (root, args, ctx) => {
+ return root
+ },
+ })
+
+ t.field('relevantRunSpecChange', {
+ type: Query,
+ description: 'Subscription that watches for a relevant run to the debug page to be RUNNING and returns updated spec counts until complete',
+ subscribe: (source, args, ctx) => {
+ return ctx.relevantRunSpecs.pollForSpecs()
+ },
+ resolve: async (root, args, ctx) => {
+ return {
+ requestPolicy: 'network-only',
+ } as const
+ },
+ })
},
})
diff --git a/packages/graphql/src/schemaTypes/objectTypes/index.ts b/packages/graphql/src/schemaTypes/objectTypes/index.ts
index 9d3258855930..9336503aeaa5 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/index.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/index.ts
@@ -23,6 +23,7 @@ export * from './gql-ProjectPreferences'
export * from './gql-Query'
export * from './gql-ReactComponentDescriptor'
export * from './gql-ReactComponentResponse'
+export * from './gql-RelevantRun'
export * from './gql-ScaffoldedFile'
export * from './gql-Spec'
export * from './gql-Subscription'
diff --git a/packages/graphql/test/stubCloudTypes.ts b/packages/graphql/test/stubCloudTypes.ts
index 4ec40ad394a9..e27620709741 100644
--- a/packages/graphql/test/stubCloudTypes.ts
+++ b/packages/graphql/test/stubCloudTypes.ts
@@ -24,6 +24,8 @@ import type {
CloudProjectSpec,
CloudRunStatus,
CloudSpecRun,
+ CloudTestResult,
+ CloudRunGroup,
} from '../src/gen/test-cloud-graphql-types.gen'
import type { GraphQLResolveInfo } from 'graphql'
@@ -183,6 +185,24 @@ export function createCloudRun (config: Partial): Required {
url: 'http://dummy.cypress.io/runs/1',
createdAt: new Date(Date.now() - 1000 * 60 * 61).toISOString(),
completedAt: null,
+ cancelledAt: null,
+ cancelOnFailure: null,
+ cancelledBy: null,
+ errors: [],
+ ci: {
+ __typename: 'CloudCiBuildInfo',
+ id: 'ci_id',
+ formattedProvider: 'CircleCI',
+ ciBuildNumberFormatted: '12345',
+ url: 'http://ci.com',
+ },
+ groups: [],
+ isHidden: false,
+ reasonsRunIsHidden: [],
+ overLimitActionType: 'UPGRADE',
+ overLimitActionUrl: '',
+ specs: [],
+ testsForReview: [],
commitInfo: createCloudRunCommitInfo({
sha: `fake-sha-${getNodeIdx('CloudRun')}`,
summary: `fix: make gql work ${config.status ?? 'PASSED'}`,
@@ -193,6 +213,109 @@ export function createCloudRun (config: Partial): Required {
return indexNode(cloudRunData)
}
+function addFailedTests (run: CloudRun) {
+ const specId = 'hash123'
+
+ const spec: CloudSpecRun = {
+ __typename: 'CloudSpecRun',
+ id: specId,
+ basename: 'Test.cy.ts',
+ extension: '.cy.ts',
+ path: 'src/Test.cy.ts',
+ shortPath: 'src/Test.cy.ts',
+ groupIds: ['groupID1'],
+ status: 'FAILED',
+ testsPassed: {
+ __typename: 'SpecDataAggregate',
+ min: 5,
+ max: 5,
+ },
+ testsFailed: {
+ __typename: 'SpecDataAggregate',
+ min: 1,
+ max: 1,
+ },
+ testsPending: {
+ __typename: 'SpecDataAggregate',
+ min: 0,
+ max: 0,
+ },
+ specDuration: {
+ __typename: 'SpecDataAggregate',
+ min: 1000,
+ max: 1000,
+ },
+ }
+
+ const test: CloudTestResult = {
+ __typename: 'CloudTestResult',
+ id: '123',
+ isFlaky: false,
+ specId,
+ state: 'FAILED' as const,
+ duration: null,
+ instance: {
+ __typename: 'CloudRunInstance',
+ id: 'instanceID',
+ status: 'FAILED',
+ groupId: 'groupID1',
+ hasStdout: true,
+ stdoutUrl: 'www.cypress.io',
+ hasScreenshots: true,
+ screenshotsUrl: 'www.cypress.io',
+ hasVideo: true,
+ videoUrl: 'www.cypress.io',
+ totalFailed: 1,
+ totalSkipped: 0,
+ totalPassed: 20,
+ totalPending: 0,
+ totalRunning: 0,
+ },
+ testUrl: 'http://cloudurl',
+ title: ' Should render',
+ titleParts: ['', 'should render'],
+ thumbprint: 'abc',
+ }
+
+ const group: CloudRunGroup = {
+ __typename: 'CloudRunGroup',
+ id: 'groupID1',
+ groupName: null,
+ testingType: 'e2e',
+ totalPasses: 2,
+ totalFailures: 33,
+ totalPending: 0,
+ totalSkipped: 85,
+ createdAt: '',
+ status: 'FAILED',
+ duration: 0,
+ os: {
+ __typename: 'CloudOperatingSystem',
+ id: 'osID',
+ name: 'Mac',
+ unformattedName: 'darwin',
+ version: '22.1.0',
+ platform: 'MAC',
+ nameWithVersion: 'Mac 22.1.0',
+ },
+ browser: {
+ __typename: 'CloudBrowserInfo',
+ id: 'browserID',
+ unformattedName: 'electron',
+ formattedName: 'Electron',
+ unformattedVersion: '106.0.5249.51',
+ formattedVersion: '106',
+ formattedNameWithVersion: 'Electron 106',
+ },
+ }
+
+ run.specs = [spec]
+ run.testsForReview = [test]
+ run.groups = [group]
+
+ return run
+}
+
export function createCloudOrganization (config: Partial): Required {
const cloudOrgData: Required = {
...testNodeId('CloudOrganization'),
@@ -226,12 +349,37 @@ export function createCloudProjectSpecResult (config: Partial)
__typename: 'CloudProjectSpecFlakyStatus',
severity: 'NONE',
},
+ specRunsForRunIds: [],
...config,
}
return indexNode(specResult)
}
+const skippedSpecs: CloudSpecRun[] = [{
+ __typename: 'CloudSpecRun',
+ id: 'hash123',
+ basename: 'Test.cy.ts',
+ extension: '.cy.ts',
+ path: 'src/Test.cy.ts',
+ status: 'FAILED',
+}, {
+ __typename: 'CloudSpecRun',
+ id: 'hash1234',
+ basename: 'Test.cy.ts',
+ extension: '.cy.ts',
+ path: 'src/Test.cy.ts',
+ status: 'RUNNING',
+},
+{
+ __typename: 'CloudSpecRun',
+ id: 'hash12345',
+ basename: 'Test.cy.ts',
+ extension: '.cy.ts',
+ path: 'src/Test.cy.ts',
+ status: 'UNCLAIMED',
+}]
+
export const CloudRecordKeyStubs = {
e2eProject: createCloudRecordKey({}),
componentProject: createCloudRecordKey({}),
@@ -247,7 +395,14 @@ export const CloudRunStubs = {
running: createCloudRun({ status: 'RUNNING', totalRunning: 2, totalPassed: 8 }),
someSkipped: createCloudRun({ status: 'PASSED', totalPassed: 7, totalSkipped: 3 }),
somePending: createCloudRun({ status: 'PASSED', totalPassed: 100, totalSkipped: 3000, totalPending: 20 }),
- allSkipped: createCloudRun({ status: 'ERRORED', totalPassed: 0, totalSkipped: 10 }),
+ allSkipped: createCloudRun({ status: 'ERRORED', totalPassed: 0, totalSkipped: 10, errors: ['The browser server never connected. Something is wrong.', 'The browser server never connected. Something is wrong.'], specs: skippedSpecs }),
+ failingWithTests: addFailedTests(createCloudRun({ status: 'FAILED', totalPassed: 8, totalFailed: 2 })),
+ noTests: createCloudRun({ status: 'NOTESTS' }),
+ timedOutWithCi: createCloudRun({ status: 'TIMEDOUT', ci: { id: 'abc123', formattedProvider: 'Circle CI', ciBuildNumberFormatted: '1234', url: 'https://circleci.com', __typename: 'CloudCiBuildInfo' }, specs: skippedSpecs }),
+ timedOutWithoutCi: createCloudRun({ status: 'TIMEDOUT', specs: skippedSpecs }),
+ overLimit: createCloudRun({ status: 'OVERLIMIT', overLimitActionType: 'CONTACT_ADMIN', overLimitActionUrl: 'http://localhost:3000', isHidden: true, reasonsRunIsHidden: [{ __typename: 'UsageLimitExceeded', monthlyTests: 100 }] }),
+ overLimitRetention: createCloudRun({ status: 'OVERLIMIT', overLimitActionType: 'CONTACT_ADMIN', overLimitActionUrl: 'http://localhost:3000', isHidden: true, reasonsRunIsHidden: [{ __typename: 'DataRetentionLimitExceeded', dataRetentionDays: 10 }] }),
+ cancelled: createCloudRun({ status: 'CANCELLED', cancelledAt: '2019-01-25T02:00:00.000Z', specs: skippedSpecs, cancelledBy: { id: '123', fullName: 'Test Tester', email: 'adams@cypress.io', __typename: 'CloudUser', userIsViewer: true } }),
} as Record>
export const CloudUserStubs = {
diff --git a/packages/reporter/cypress/e2e/header.cy.ts b/packages/reporter/cypress/e2e/header.cy.ts
index 2d53bfef5e44..6f057d33ca52 100755
--- a/packages/reporter/cypress/e2e/header.cy.ts
+++ b/packages/reporter/cypress/e2e/header.cy.ts
@@ -1,3 +1,4 @@
+import { TestFilter } from '@packages/types'
import { EventEmitter } from 'events'
import { RootRunnable } from '../../src/runnables/runnables-store'
@@ -7,10 +8,14 @@ describe('header', () => {
let runner: EventEmitter
let runnables: RootRunnable
- beforeEach(() => {
- cy.fixture('runnables').then((_runnables) => {
- runnables = _runnables
- })
+ function setupReporter (opts?: { testFilter: TestFilter, totalUnfilteredTests: number, skipRunnableCreation?: boolean}) {
+ if (opts?.skipRunnableCreation) {
+ runnables = {}
+ } else {
+ cy.fixture('runnables').then((_runnables) => {
+ runnables = _runnables
+ })
+ }
runner = new EventEmitter()
@@ -28,12 +33,16 @@ describe('header', () => {
})
cy.get('.reporter').then(() => {
- runner.emit('runnables:ready', runnables)
+ runner.emit('runnables:ready', { ...runnables, testFilter: opts?.testFilter, totalUnfilteredTests: opts?.totalUnfilteredTests })
runner.emit('reporter:start', {})
})
- })
+ }
describe('tests button', () => {
+ beforeEach(() => {
+ setupReporter()
+ })
+
it('displays tooltip on mouseover', () => {
cy.get('.toggle-specs-wrapper').trigger('mouseover')
cy.get('.cy-tooltip').should('have.text', 'Expand Specs List F')
@@ -53,6 +62,10 @@ describe('header', () => {
})
describe('stats', () => {
+ beforeEach(() => {
+ setupReporter()
+ })
+
it('displays numbers for passed, failed, and pending tests', () => {
const addStat = (state: string, times: number) => {
_.times(times, () => {
@@ -81,6 +94,10 @@ describe('header', () => {
})
describe('controls', () => {
+ beforeEach(() => {
+ setupReporter()
+ })
+
describe('when running, not paused, and/or without next command', () => {
beforeEach(() => {
runner.emit('run:start')
@@ -224,4 +241,19 @@ describe('header', () => {
})
})
})
+
+ describe('debug test filter', () => {
+ it('displays debug filter when Cypress.testFilter is defined', () => {
+ setupReporter({ testFilter: ['suite 1 test 2'], totalUnfilteredTests: 10 })
+ cy.spy(runner, 'emit').as('debugDismiss')
+ cy.get('.debug-dismiss').contains(`8 / 10 tests`).click()
+ cy.get('@debugDismiss').should('have.been.called')
+ cy.percySnapshot()
+ })
+
+ it('does not display filter when there are no tests', () => {
+ setupReporter({ testFilter: ['suite 1 test 2'], totalUnfilteredTests: 10, skipRunnableCreation: true })
+ cy.get('.debug-dismiss').should('not.exist')
+ })
+ })
})
diff --git a/packages/reporter/src/header/DebugDismiss.scss b/packages/reporter/src/header/DebugDismiss.scss
new file mode 100644
index 000000000000..237763b33db5
--- /dev/null
+++ b/packages/reporter/src/header/DebugDismiss.scss
@@ -0,0 +1,15 @@
+.debug-dismiss {
+ display: flex !important;
+ align-items: center;
+ font-size: 12px !important;
+ font-weight: 600 !important;
+ line-height: 16px !important;
+ color: #9AA2FC !important;
+ border: solid 1px #9AA2FC !important;
+ border-radius: 16px !important;
+ gap: 4px;
+
+ .delete-icon path {
+ fill: #9AA2FC
+ }
+}
\ No newline at end of file
diff --git a/packages/reporter/src/header/DebugDismiss.tsx b/packages/reporter/src/header/DebugDismiss.tsx
new file mode 100644
index 000000000000..bb62d006e0ec
--- /dev/null
+++ b/packages/reporter/src/header/DebugDismiss.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import DebuggerIcon from '-!react-svg-loader!@packages/frontend-shared/src/assets/icons/debugger_x16.svg'
+import DeleteIcon from '-!react-svg-loader!@packages/frontend-shared/src/assets/icons/status-failed_x12.svg'
+import events from '../lib/events'
+
+export const DebugDismiss = (props: { matched: number, total: number }) => {
+ return (
+
+ )
+}
diff --git a/packages/reporter/src/header/header.tsx b/packages/reporter/src/header/header.tsx
index 70c8527d764d..0b228b7cf0d8 100644
--- a/packages/reporter/src/header/header.tsx
+++ b/packages/reporter/src/header/header.tsx
@@ -12,14 +12,17 @@ import { action } from 'mobx'
import Controls from './controls'
import Stats from './stats'
import { StatsStore } from './stats-store'
+import { DebugDismiss } from './DebugDismiss'
+import { RunnablesStore } from '../runnables/runnables-store'
export interface ReporterHeaderProps {
appState: AppState
events?: Events
statsStore: StatsStore
+ runnablesStore: RunnablesStore
}
-const Header = observer(({ appState, events = defaultEvents, statsStore }: ReporterHeaderProps) => (
+const Header = observer(({ appState, events = defaultEvents, statsStore, runnablesStore }: ReporterHeaderProps) => (
{appState.isSpecsListOpen ? 'Collapse' : 'Expand'} Specs List F} wrapperClassName='toggle-specs-wrapper' className='cy-tooltip'>
+ {runnablesStore.testFilter && runnablesStore.totalTests > 0 && }
diff --git a/packages/reporter/src/header/stats.cy.tsx b/packages/reporter/src/header/stats.cy.tsx
index a9a132752e67..800fc04c636c 100644
--- a/packages/reporter/src/header/stats.cy.tsx
+++ b/packages/reporter/src/header/stats.cy.tsx
@@ -12,7 +12,7 @@ describe('stats score header', () => {
statsStore.end()
cy.mount(
- ,
+ ,
)
cy.percySnapshot()
diff --git a/packages/reporter/src/lib/events.ts b/packages/reporter/src/lib/events.ts
index 9339d036f951..ddd3efe78f33 100644
--- a/packages/reporter/src/lib/events.ts
+++ b/packages/reporter/src/lib/events.ts
@@ -1,7 +1,7 @@
import { EventEmitter } from 'events'
import { action } from 'mobx'
import appState, { AppState } from './app-state'
-import runnablesStore, { RunnablesStore, RootRunnable, LogProps } from '../runnables/runnables-store'
+import runnablesStore, { RunnablesStore, LogProps, RootRunnable } from '../runnables/runnables-store'
import statsStore, { StatsStore } from '../header/stats-store'
import scroller, { Scroller } from './scroller'
import { UpdatableTestProps, UpdateTestCallback, TestProps } from '../test/test-model'
@@ -144,6 +144,10 @@ const events: Events = {
runner.emit('runner:stop')
}))
+ localBus.on('testFilter:cloudDebug:dismiss', () => {
+ runner.emit('testFilter:cloudDebug:dismiss')
+ })
+
localBus.on('restart', action('restart', () => {
runner.emit('runner:restart')
}))
diff --git a/packages/reporter/src/main.tsx b/packages/reporter/src/main.tsx
index 6d0a25f5cbcd..698be9e30a16 100644
--- a/packages/reporter/src/main.tsx
+++ b/packages/reporter/src/main.tsx
@@ -62,25 +62,26 @@ class Reporter extends Component {
statsStore,
studioEnabled,
renderReporterHeader = (props: ReporterHeaderProps) => ,
+ runnerStore,
} = this.props
return (