fix: clean up inconsistencies in UI between sentence case and title c…

…ase (#23681)

Co-authored-by: Rachel <Raquel.rudermano@gmail.com>
Co-authored-by: Rachel <rachel@cypress.io>

cli/types/cypress-npm-api.d.ts

@@ -60,7 +60,7 @@ declare namespace CypressCommandLine {
      */
     headless: boolean
     /**
-     * Specify your secret record key
+     * Specify your secret Record Key
      */
     key: string
     /**

guides/release-process.md

@@ -82,7 +82,7 @@ In the following instructions, "X.Y.Z" is used to denote the [next version of Cy
         - Go into a project, run a quick test, make sure things look right
     - Optionally, install the new version into an established project and run the tests there
         - [cypress-realworld-app](https://github.com/cypress-io/cypress-realworld-app) uses yarn and represents a typical consumer implementation.
-    - Optionally, do more thorough tests, for example test the new version of Cypress against the Cypress dashboard repo.
+    - Optionally, do more thorough tests, for example test the new version of Cypress against the Cypress Dashboard repo.
 
 5. Log into AWS SSO with `aws sso login --profile <name_of_profile>`. If you have setup your credentials under a different profile than `prod`, be sure to set the `AWS_PROFILE` environment variable to that profile name for the remaining steps. For example, if you are using `production` instead of `prod`, do `export AWS_PROFILE=production`.
 
@@ -119,7 +119,7 @@ In the following instructions, "X.Y.Z" is used to denote the [next version of Cy
         - Go into a project, run a quick test, make sure things look right
     - Install the new version into an established project and run the tests there
         - [cypress-realworld-app](https://github.com/cypress-io/cypress-realworld-app) uses yarn and represents a typical consumer implementation.
-    - Optionally, do more thorough tests, for example test the new version of Cypress against the Cypress dashboard repo.
+    - Optionally, do more thorough tests, for example test the new version of Cypress against the Cypress Dashboard repo.
 
 11. Create or review the release-specific documentation and changelog in [cypress-documentation](https://github.com/cypress-io/cypress-documentation). If there is not already a release-specific PR open, create one. This PR must be merged, built, and deployed before moving to the next step.
      - Use [`release-automations`](https://github.com/cypress-io/release-automations)'s `issues-in-release` tool to generate a starting point for the changelog, based off of ZenHub:

npm/webpack-dev-server/cypress/e2e/react.cy.ts

@@ -131,7 +131,7 @@ for (const project of WEBPACK_REACT) {
       cy.findByTestId('new-spec-button').click()
       cy.findByRole('dialog').within(() => {
         cy.get('input').clear().type('src/App.cy.jsx')
-        cy.contains('button', 'Create Spec').click()
+        cy.contains('button', 'Create spec').click()
       })
 
       cy.findByRole('dialog').within(() => {

packages/app/README.md

@@ -16,7 +16,7 @@ This is the front-end for the Cypress App.
 
 Cypress has two modes: `run` and `open`. We want run mode to be as light and fast as possible, since this is the mode used to run on CI machines, etc. Run mode has minimal UI showing only what is necessary. Open mode is the interactive experience.
 
-- **`open`** mode is driven using GraphQL and urql. It shows the full Cypress app, include the top nav, side nav, spec list, etc. You can change between testing types, check your latest runs on the Cypress dashboard, update settings, etc.
+- **`open`** mode is driven using GraphQL and urql. It shows the full Cypress app, include the top nav, side nav, spec list, etc. You can change between testing types, check your latest runs on the Cypress Dashboard, update settings, etc.
 - **`run`** mode is does not rely on GraphQL. This is so we can be as performant as possible. It only renders the "runner" part of the UI, which is comprised of the command log, Spec Runner header, and AUT iframe.
 
 The two modes are composed using the same logic, but have slightly different components. You can see where the differences are in `Runner.vue`(src/pages/Specs/Runner.vue). Notice that `<SpecRunnerOpenMode>` receives a `gql` prop, since it uses GraphQL, and `<SpecRunnerRunMode>` does not.

packages/app/cypress/e2e/create-from-component.cy.ts

@@ -28,7 +28,7 @@ function validateCreateFromComponentCard (beforeEachFn: () => void, expectedSpec
   it('Lists Vue components in the project', () => {
     cy.get('@ComponentCard').click()
 
-    cy.findByText('2 Matches').should('be.visible')
+    cy.findByText('2 matches').should('be.visible')
 
     cy.findByText('App').should('be.visible')
     cy.findByText('HelloWorld').should('be.visible')
@@ -38,11 +38,11 @@ function validateCreateFromComponentCard (beforeEachFn: () => void, expectedSpec
     cy.get('@ComponentCard').click()
 
     cy.findByText('*.vue').should('be.visible')
-    cy.findByText('2 Matches').should('be.visible')
+    cy.findByText('2 matches').should('be.visible')
     cy.findByLabelText('file-name-input').type('HelloWorld')
 
     cy.findByText('HelloWorld').should('be.visible')
-    cy.findByText('1 of 2 Matches').should('be.visible')
+    cy.findByText('1 of 2 matches').should('be.visible')
     cy.findByText('App').should('not.exist')
   })
 
@@ -105,7 +105,7 @@ describe('Create from component card', () => {
       cy.startAppServer('component')
       cy.visitApp()
 
-      cy.findByText('New Spec').click()
+      cy.findByText('New spec').click()
       cy.findAllByTestId('card').eq(0).as('ComponentCard')
     }, 'src/specs-folder/HelloWorld.cy.js')
   })

packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts

@@ -38,21 +38,21 @@ describe('Cypress In Cypress CT', { viewportWidth: 1500, defaultCommandTimeout:
 
       snapshotAUTPanel('cy.get selector')
 
-      cy.findByTestId('playground-num-elements').contains('1 Match')
+      cy.findByTestId('playground-num-elements').contains('1 match')
 
       cy.window().then((win) => cy.spy(win.console, 'log'))
       cy.findByTestId('playground-print').click().window().then((win) => {
         expect(win.console.log).to.have.been.calledWith('%cCommand:  ', 'font-weight: bold', 'cy.get(\'[data-cy-root]\')')
       })
 
-      cy.findByLabelText('Selector Methods').click()
+      cy.findByLabelText('Selector methods').click()
       cy.findByRole('menuitem', { name: 'cy.contains' }).click()
 
       cy.findByTestId('playground-selector').clear().type('Component Test')
 
       snapshotAUTPanel('cy.contains selector')
 
-      cy.findByTestId('playground-num-elements').contains('1 Match')
+      cy.findByTestId('playground-num-elements').contains('1 match')
     })
 
     it('navigation between specs and other parts of the app works', () => {

packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts

@@ -45,7 +45,7 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
 
     snapshotAUTPanel('cy.get selector')
 
-    cy.findByTestId('playground-num-elements').contains('3 Matches')
+    cy.findByTestId('playground-num-elements').contains('3 matches')
 
     // This validates that each matching element is covered by the playground highlighting
     cy.get('iframe.aut-iframe').its('0.contentDocument.body').then(cy.wrap).within(() => {
@@ -59,14 +59,14 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
       })
     })
 
-    cy.findByLabelText('Selector Methods').click()
+    cy.findByLabelText('Selector methods').click()
     cy.findByRole('menuitem', { name: 'cy.contains' }).click()
 
     cy.findByTestId('playground-selector').clear().type('Item 1')
 
     snapshotAUTPanel('cy.contains selector')
 
-    cy.findByTestId('playground-num-elements').contains('1 Match')
+    cy.findByTestId('playground-num-elements').contains('1 match')
 
     cy.window().then((win) => cy.spy(win.console, 'log'))
     cy.findByTestId('playground-print').click().window().then((win) => {
@@ -202,7 +202,7 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
     cy.contains('withFailure.spec').click()
     cy.contains('[aria-controls=reporter-inline-specs-list]', 'Specs')
     cy.get('body').type('f')
-    cy.contains('Search Specs')
+    cy.contains('Search specs')
     cy.contains('withWait.spec').click()
     cy.waitForSpecToFinish()
 

packages/app/cypress/e2e/cypress-in-cypress.cy.ts

@@ -224,7 +224,7 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100
         cy.get('body').click()
       })
 
-      cy.get('[data-cy="playground-num-elements"]').contains('1 Match')
+      cy.get('[data-cy="playground-num-elements"]').contains('1 match')
     })
 
     it(`hides reporter when NO_COMMAND_LOG is set in open mode for ${testingType}`, () => {

packages/app/cypress/e2e/runs.cy.ts

@@ -81,7 +81,7 @@ describe('App: Runs', { viewportWidth: 1200 }, () => {
       })
 
       cy.findByRole('dialog', { name: 'Log in to Cypress' }).within(() => {
-        cy.contains('button', 'Log In').click()
+        cy.contains('button', 'Log in').click()
       })
 
       cy.withCtx((ctx, o) => {
@@ -272,10 +272,10 @@ describe('App: Runs', { viewportWidth: 1200 }, () => {
       cy.contains('button', 'Log in to the Cypress Dashboard').click()
 
       cy.findByRole('dialog', { name: 'Log in to Cypress' }).as('logInModal').within(() => {
-        cy.findByRole('button', { name: 'Log In' }).click()
+        cy.findByRole('button', { name: 'Log in' }).click()
       })
 
-      cy.findByRole('dialog', { name: 'Login Successful' }).within(() => {
+      cy.findByRole('dialog', { name: 'Login successful' }).within(() => {
         cy.findByRole('button', { name: 'Connect project' }).click()
       })
 
@@ -443,7 +443,7 @@ describe('App: Runs', { viewportWidth: 1200 }, () => {
       cy.findByText(defaultMessages.runs.errors.notFound.button).should('be.visible').click()
       cy.get('[aria-modal="true"]').should('exist')
       cy.get('[data-cy="selectProject"] button').should('have.text', 'Mock Project')
-      cy.findByText(defaultMessages.runs.connect.modal.selectProject.connectProject).click()
+      cy.get('[data-cy="connect-project"]').click()
       cy.get('[data-cy="runs"]', { timeout: 7500 })
     })
   })