cypress-io · jennifer-shehane · Jul 18, 2025 · Jun 26, 2025 · Jun 26, 2025 · Jun 26, 2025
diff --git a/.circleci/workflows.yml b/.circleci/workflows.yml
@@ -38,7 +38,7 @@ mainBuildFilters: &mainBuildFilters
         - /^release\/\d+\.\d+\.\d+$/
         # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
         - 'update-v8-snapshot-cache-on-develop'
-        - 'feat/support_vite_7'
+        - 'mabel/issue-10425-studio-redesign'
 
 # usually we don't build Mac app - it takes a long time
 # but sometimes we want to really confirm we are doing the right thing
@@ -62,11 +62,7 @@ linuxArm64WorkflowFilters: &linux-arm64-workflow-filters
       - equal: [ develop, << pipeline.git.branch >> ]
       # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
       - equal: [ 'update-v8-snapshot-cache-on-develop', << pipeline.git.branch >> ]
-      - equal:
-          [
-            'feat/support_vite_7',
-            << pipeline.git.branch >>
-          ]
+      - equal: [ 'feat/support_vite_7', << pipeline.git.branch >> ]
       - matches:
           pattern: /^release\/\d+\.\d+\.\d+$/
           value: << pipeline.git.branch >>
@@ -89,11 +85,7 @@ windowsWorkflowFilters: &windows-workflow-filters
       - equal: [ develop, << pipeline.git.branch >> ]
       # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
       - equal: [ 'update-v8-snapshot-cache-on-develop', << pipeline.git.branch >> ]
-      - equal:
-          [
-            'feat/support_vite_7',
-            << pipeline.git.branch >>
-          ]
+      - equal: [ 'feat/support_vite_7', << pipeline.git.branch >> ]
       - matches:
           pattern: /^release\/\d+\.\d+\.\d+$/
           value: << pipeline.git.branch >>
@@ -167,7 +159,7 @@ commands:
           name: Set environment variable to determine whether or not to persist artifacts
           command: |
             echo "Setting SHOULD_PERSIST_ARTIFACTS variable"
-            echo 'if ! [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "release/"* && "$CIRCLE_BRANCH" != "feat/support_vite_7" ]]; then
+            echo 'if ! [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "release/"* && "$CIRCLE_BRANCH" != "mabel/issue-10425-studio-redesign" ]]; then
                 export SHOULD_PERSIST_ARTIFACTS=true
             fi' >> "$BASH_ENV"
   # You must run `setup_should_persist_artifacts` command and be using bash before running this command

diff --git a/packages/app/cypress/e2e/runner/runner.ui.cy.ts b/packages/app/cypress/e2e/runner/runner.ui.cy.ts
@@ -172,7 +172,7 @@ describe('src/cypress/runner', () => {
       })
 
       cy.get('.open-in-ide-button').should('have.css', 'opacity', '0')
-      cy.get('.runnable-header-file-name').realHover()
+      cy.get('.spec-file-name').realHover()
       cy.get('.open-in-ide-button').first().should('have.css', 'opacity', '1').click()
 
       cy.withCtx((ctx, o) => {

diff --git a/packages/app/cypress/e2e/studio/helper.ts b/packages/app/cypress/e2e/studio/helper.ts
@@ -17,13 +17,12 @@ export function loadProjectAndRunSpec ({ projectName = 'experimental-studio' as
 export function launchStudio ({ specName = 'spec.cy.js', createNewTest = false, cliArgs = [''] } = {}) {
   loadProjectAndRunSpec({ specName, cliArgs })
 
-  // Should not show "Studio Commands" until we've started a new Studio session.
-  cy.get('[data-cy="hook-name-studio commands"]').should('not.exist')
+  const testTitle = createNewTest ? 'New Test' : 'visits a basic html page'
 
   if (createNewTest) {
     cy.contains('studio functionality').as('item')
   } else {
-    cy.contains('visits a basic html page').as('item')
+    cy.contains(testTitle).as('item')
   }
 
   cy.get('@item')
@@ -42,7 +41,7 @@ export function launchStudio ({ specName = 'spec.cy.js', createNewTest = false,
     // Studio re-executes spec before waiting for commands - wait for the spec to finish executing.
     cy.waitForSpecToFinish()
 
-    cy.findByTestId('hook-name-studio commands').should('exist')
+    cy.get('[data-cy="studio-single-test-title"]').contains(testTitle)
   }
 }
 
@@ -59,8 +58,6 @@ export function assertClosingPanelWithoutChanges () {
     cy.contains('cypress/e2e/index.html')
   })
 
-  cy.findByTestId('hook-name-studio commands').should('not.exist')
-
   cy.withCtx(async (ctx) => {
     const spec = await ctx.actions.file.readFileInProject('cypress/e2e/spec.cy.js')
 

diff --git a/packages/app/cypress/e2e/studio/studio-cloud.cy.ts b/packages/app/cypress/e2e/studio/studio-cloud.cy.ts
@@ -11,7 +11,7 @@ describe('Studio Cloud', () => {
     })
   })
 
-  it('immediately loads the studio panel', () => {
+  it('immediately loads the studio panel from existing test', () => {
     const deferred = pDefer()
 
     loadProjectAndRunSpec()
@@ -29,8 +29,6 @@ describe('Studio Cloud', () => {
     .findByTestId('launch-studio')
     .click()
 
-    // regular studio is not loaded until after the test finishes
-    cy.findByTestId('hook-name-studio commands').should('not.exist')
     // cloud studio is loaded immediately
     cy.findByTestId('studio-panel').then(() => {
       // check for the loading panel from the app first
@@ -42,14 +40,15 @@ describe('Studio Cloud', () => {
     cy.wait('@indexHtml')
 
     // Studio re-executes spec before waiting for commands - wait for the spec to finish executing.
-    cy.waitForSpecToFinish()
+    cy.waitForSpecToFinish(undefined, undefined, false)
 
     // Verify the studio panel is still open
     cy.findByTestId('studio-panel')
-    cy.findByTestId('hook-name-studio commands')
+
+    cy.percySnapshot()
   })
 
-  it('hides selector playground and studio controls when studio beta is available', () => {
+  it('hides selector playground and studio controls when experimentalStudio is enabled', () => {
     launchStudio()
 
     cy.findByTestId('studio-panel').should('be.visible')
@@ -136,8 +135,6 @@ describe('Studio Cloud', () => {
     .findByTestId('launch-studio')
     .click()
 
-    // regular studio is not loaded until after the test finishes
-    cy.findByTestId('hook-name-studio commands').should('not.exist')
     // cloud studio is loaded immediately
     cy.findByTestId('studio-panel').then(() => {
       // check for the loading panel from the app first
@@ -153,7 +150,6 @@ describe('Studio Cloud', () => {
 
     // Verify the studio panel is still open
     cy.findByTestId('studio-panel')
-    cy.findByTestId('hook-name-studio commands')
 
     // make sure studio is not loading
     cy.findByTestId('loading-studio-panel').should('not.exist')
@@ -217,8 +213,6 @@ describe('Studio Cloud', () => {
     .findByTestId('launch-studio')
     .click()
 
-    // regular studio is not loaded until after the test finishes
-    cy.get('[data-cy="hook-name-studio commands"]').should('not.exist')
     // cloud studio is loaded immediately
     cy.findByTestId('studio-panel').then(() => {
       // check for the loading panel from the app first
@@ -230,11 +224,10 @@ describe('Studio Cloud', () => {
     cy.wait('@indexHtml')
 
     // Studio re-executes spec before waiting for commands - wait for the spec to finish executing.
-    cy.waitForSpecToFinish()
+    cy.waitForSpecToFinish(undefined, undefined, false)
 
     // Verify the studio panel is still open
     cy.findByTestId('studio-panel')
-    cy.get('[data-cy="hook-name-studio commands"]')
 
     // make sure studio is not loading
     cy.get('[data-cy="loading-studio-panel"]').should('not.exist')