Repository: cypress-io/cypress
File: packages/reporter/cypress/e2e/header.cy.ts (TypeScript)

Code before:
        it('displays stop button', () => {
          cy.get('.stop').should('be.visible')
        })

        it('displays tooltip', () => {
          cy.get('.stop').trigger('mouseover')
          cy.get('.cy-tooltip').should('have.text', 'Stop Running S')
        })

        it('emits runner:stop when clicked', () => {
          cy.spy(runner, 'emit')
          cy.get('.stop').click()
          cy.wrap(runner.emit).should('be.calledWith', 'runner:stop')
        })
      })

      describe('pause controls', () => {
        it('does not display play button', () => {
          cy.get('.play').should('not.exist')
        })

        it('does not display restart button', () => {
          cy.get('.restart').should('not.exist')
        })

        it('does not displays the next button', () => {
          cy.get('.next').should('not.exist')
        })
      })
    })

    describe('when running after resume', () => {
      beforeEach(() => {
        runner.emit('run:start')
        runner.emit('paused')
        cy.get('.play').click()
      })

      it('displays next button as disabled when running after resume', () => {
        cy.get('.next').should('be.visible').and('be.disabled')
      })

      it('shows "Step (not available)" tooltip when running after resume', () => {
        cy.get('.next').trigger('mouseover', { force: true })
        cy.get('.cy-tooltip').should('have.text', 'Step (not available)')
      })

      it('does not emit runner:next when disabled button is clicked', () => {
        cy.spy(runner, 'emit')
        cy.get('.next').click({ force: true })
        cy.wrap(runner.emit).should('not.be.calledWith', 'runner:next')

Review comment (suggestion):
```suggestion
        it('does not display the next button', () => {
```

Code after:
          cy.get('[data-cy="more-options-runnable-popover"]').should('be.visible')

          cy.get('[data-cy=auto-scroll-switch]').click()
          cy.wrap(runner.emit).should('be.calledWith', 'save:state')
          cy.percySnapshot()
        })

        it('opens the open in IDE button', () => {
          cy.spy(runner, 'emit')

          cy.get('[data-cy="runnable-options-button"]').click()
          cy.get('[data-cy="more-options-runnable-popover"]').should('be.visible')

          cy.get('[data-cy="runnable-popover-open-ide"]').click()
          cy.wrap(runner.emit).should('be.calledWith', 'open:file:unified')
        })

        it('opens the new test button', () => {
          cy.spy(runner, 'emit')

          cy.get('[data-cy="runnable-options-button"]').click()
          cy.get('[data-cy="more-options-runnable-popover"]').should('be.visible')

          cy.get('[data-cy="runnable-popover-new-test"]').click()
          cy.wrap(runner.emit).should('be.calledWith', 'studio:init:suite')
        })
      })

      describe('stop button', () => {
        it('displays stop button', () => {
          cy.get('.stop').should('be.visible')
        })

        it('displays tooltip', () => {
          cy.get('.stop').trigger('mouseover')
          cy.get('.cy-tooltip').should('have.text', 'Stop Running S')
        })

        it('emits runner:stop when clicked', () => {
          cy.spy(runner, 'emit')
          cy.get('.stop').click()
          cy.wrap(runner.emit).should('be.calledWith', 'runner:stop')
        })
      })

      describe('pause controls', () => {
        it('does not display play button', () => {
          cy.get('.play').should('not.exist')
        })

        it('does not display restart button', () => {