Merge remote-tracking branch 'origin/develop' into mabel/issue-12026-handle-snapshots-in-studio

Author: mabela416

cli/CHANGELOG.md

@@ -1,7 +1,7 @@
 <!-- See the ../guides/writing-the-cypress-changelog.md for details on writing the changelog. -->
 ## 15.5.0
 
-_Released 10/21/2025 (PENDING)_
+_Released 10/17/2025_
 
 **Features:**
 
@@ -16,6 +16,7 @@ _Released 10/21/2025 (PENDING)_
 **Misc:**
 
 - Browser detection in Cypress now always prefers 64-bit browser installs to 32-bit browser installs. Addressed in [#32656](https://github.com/cypress-io/cypress/pull/32656).
+- Update code button styles and rename Get Code for Code on cy.prompt. Addressed in [#32745](https://github.com/cypress-io/cypress/pull/32745).
 - Disable pinning commands within Studio mode. Addresses [#1206](https://github.com/cypress-io/cypress-services/issues/12026). Addressed in [#32753](https://github.com/cypress-io/cypress/pull/32753).
 - Update the message about snapshots not being available within Studio mode. Addresses [#31273](https://github.com/cypress-io/cypress/issues/31273). Addressed in [#32753](https://github.com/cypress-io/cypress/pull/32753).
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress",
-  "version": "15.4.0",
+  "version": "15.5.0",
   "description": "Cypress is a next generation front end testing tool built for the modern web",
   "private": true,
   "scripts": {

packages/reporter/src/commands/command.cy.tsx

@@ -145,7 +145,7 @@ describe('commands', () => {
         </div>,
       )
 
-      cy.get('.command-prompt-get-code').should('be.visible').should('have.text', 'Get code')
+      cy.get('.command-prompt-get-code').should('be.visible').should('have.text', 'Code')
       cy.get('.command-prompt-get-code-indicator').should('be.visible')
 
       cy.percySnapshot()
@@ -173,7 +173,7 @@ describe('commands', () => {
         </div>,
       )
 
-      cy.get('.command-prompt-get-code').should('be.visible').should('have.text', 'Get code')
+      cy.get('.command-prompt-get-code').should('be.visible').should('have.text', 'Code')
       cy.get('.command-prompt-get-code-indicator').should('be.visible')
 
       cy.percySnapshot()

packages/reporter/src/commands/command.tsx

@@ -495,7 +495,7 @@ const Command: React.FC<CommandProps> = observer(({ model, aliasesWithDuplicates
     return null
   }
 
-  let commandContent = (<div className='command-wrapper-container'>
+  const commandContent = (<div className='command-wrapper-container'>
     <div
       className={cs('command-wrapper-text', {
         'command-wrapper-text-group': model.hasChildren && groupId,
@@ -532,7 +532,7 @@ const Command: React.FC<CommandProps> = observer(({ model, aliasesWithDuplicates
           size='16'
           strokeColor='white'
         />
-        <span>Get code</span>
+        <span>Code</span>
       </Button>
     )}
   </div>)
@@ -560,8 +560,8 @@ const Command: React.FC<CommandProps> = observer(({ model, aliasesWithDuplicates
             wrapperClassName={cs('command-pin-target', { 'command-group': !!groupId, 'command-group-no-children': !model.hasChildren && model.group })}
           >
             {commandContent}
-          </FlashOnClick>}
-
+          </FlashOnClick>
+          }
         </div>
         <Progress model={model} />
         {model.hasChildren && model.isOpen && (

packages/reporter/src/commands/commands.scss

@@ -104,7 +104,8 @@
 
       .command-prompt-get-code {
         cursor: pointer;
-        font-family: $font-system;     
+        font-family: $font-system;
+        font-size: 12px;
       }
     }
   }