Merge branch 'release/15.0.0' into mabel/issue-10425-studio-redesign

Author: mabela416

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

@@ -175,7 +175,8 @@ describe('studio functionality', () => {
     cy.get('.runnable-title').its(3).should('contain.text', 'visits a basic html page 3')
   })
 
-  it('creates a new test from an empty spec', () => {
+  // TODO: The URL prompt is in cloud studio now
+  it.skip('creates a new test from an empty spec', () => {
     loadProjectAndRunSpec({ specName: 'empty.cy.js', specSelector: 'title' })
 
     cy.contains('Create test with Cypress Studio').click()
@@ -204,7 +205,7 @@ it('new-test', function() {});
     })
   })
 
-  // TODO: skipping until https://github.com/cypress-io/cypress-services/issues/11086 is completed
+  // TODO: The URL prompt is in cloud studio now
   it.skip('creates a new test for an existing spec', () => {
     launchStudio({ createNewTest: true })
 

packages/app/src/runner/SpecRunnerOpenMode.vue

@@ -97,6 +97,7 @@
             :on-studio-panel-close="handleStudioPanelClose"
             :event-manager="eventManager"
             :studio-status="studioStatus"
+            :aut-url-selector="autUrlSelector"
           />
         </HideDuringScreenshot>
       </template>
@@ -135,6 +136,9 @@ import { useStudioStore } from '../store/studio-store'
 import StudioPanel from '../studio/StudioPanel.vue'
 import { useSubscription } from '../graphql'
 
+// this is used by the StudioPanel to access the AUT URL input
+const autUrlSelector = '.aut-url-input'
+
 const {
   preferredMinimumPanelWidth,
   absoluteAutMinimum,

packages/app/src/studio/StudioPanel.vue

@@ -52,6 +52,7 @@ const props = defineProps<{
   eventManager: EventManager
   studioStatus: string | null
   cloudStudioSessionId?: string
+  autUrlSelector: string
 }>()
 
 interface StudioApp { default: StudioAppDefaultShape }
@@ -77,6 +78,7 @@ const maybeRenderReactComponent = () => {
     canAccessStudioAI: props.canAccessStudioAI,
     onStudioPanelClose: props.onStudioPanelClose,
     studioSessionId: props.cloudStudioSessionId,
+    autUrlSelector: props.autUrlSelector,
   })
 
   // Store the react root in a weak map keyed by the container. We do this so that we have a reference