fix: close selector playground on restart (#14784)

Author: panzarino

packages/runner/cypress/integration/runner.ui.spec.js

@@ -321,6 +321,28 @@ describe('src/cypress/runner', () => {
         cy.percySnapshot()
       })
     })
+
+    context('selector playground', () => {
+      it('shows on click', () => {
+        runIsolatedCypress({})
+
+        cy.get('.selector-playground').should('not.be.visible')
+        cy.get('.selector-playground-toggle').click()
+        cy.get('.selector-playground').should('be.visible')
+
+        cy.percySnapshot()
+      })
+
+      it('closes on restart', () => {
+        runIsolatedCypress({})
+
+        cy.get('.selector-playground-toggle').click()
+        cy.get('.selector-playground').should('be.visible')
+
+        cy.get('.restart').click()
+        cy.get('.selector-playground').should('not.be.visible')
+      })
+    })
   })
 
   describe('reporter interaction', () => {

packages/runner/src/lib/event-manager.js

@@ -8,6 +8,7 @@ import { client, circularParser } from '@packages/socket/lib/browser'
 import automation from './automation'
 import logger from './logger'
 import studioRecorder from '../studio/studio-recorder'
+import selectorPlaygroundModel from '../selector-playground/selector-playground-model'
 
 import $Cypress, { $ } from '@packages/driver'
 
@@ -509,6 +510,7 @@ const eventManager = {
     Cypress.stop()
 
     studioRecorder.setInactive()
+    selectorPlaygroundModel.setOpen(false)
 
     return this._restart()
     .then(() => {