test: Migrate more runner UI specs to app

packages/app/cypress/component/support/index.ts

@@ -24,7 +24,7 @@ import { createPinia } from '../../../src/store'
 import { setActivePinia } from 'pinia'
 import type { Pinia } from 'pinia'
 import 'cypress-real-events/support'
-import installCustomPercyCommand from '@packages/ui-components/cypress/support/customPercyCommand'
+import { installCustomPercyCommand } from '@packages/ui-components/cypress/support/customPercyCommand'
 
 let pinia: Pinia
 

packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts

@@ -1,4 +1,5 @@
 import defaultMessages from '@packages/frontend-shared/src/locales/en-US.json'
+import { snapshotAUTPanel } from './support/snapshot-aut-panel'
 
 describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
   beforeEach(() => {
@@ -23,19 +24,19 @@ describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
     cy.contains('Firefox').should('be.visible')
     cy.findByTestId('viewport').click()
 
-    cy.percySnapshot('browsers open')
+    snapshotAUTPanel('browsers open')
     cy.contains('Firefox').should('be.hidden')
     cy.contains('The viewport determines the width and height of your application. By default the viewport will be 500px by 500px for Component Testing unless specified by a cy.viewport command.')
     .should('be.visible')
 
-    cy.percySnapshot('viewport info open')
+    snapshotAUTPanel('viewport info open')
 
     cy.get('body').click()
 
     cy.findByTestId('playground-activator').click()
     cy.findByTestId('playground-selector').clear().type('#__cy_root')
 
-    cy.percySnapshot('cy.get selector')
+    snapshotAUTPanel('cy.get selector')
 
     cy.findByTestId('playground-num-elements').contains('1 Match')
 
@@ -49,7 +50,7 @@ describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
 
     cy.findByTestId('playground-selector').clear().type('Component Test')
 
-    cy.percySnapshot('cy.contains selector')
+    snapshotAUTPanel('cy.contains selector')
 
     cy.findByTestId('playground-num-elements').contains('1 Match')
   })

packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts

@@ -1,4 +1,5 @@
 import defaultMessages from '@packages/frontend-shared/src/locales/en-US.json'
+import { snapshotAUTPanel } from './support/snapshot-aut-panel'
 
 describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
   beforeEach(() => {
@@ -23,19 +24,19 @@ describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
     cy.contains('Firefox').should('be.visible')
     cy.findByTestId('viewport').click()
 
-    cy.percySnapshot('browsers open')
+    snapshotAUTPanel('browsers open')
     cy.contains('Firefox').should('be.hidden')
     cy.contains('The viewport determines the width and height of your application. By default the viewport will be 1000px by 660px for End-to-end Testing unless specified by a cy.viewport command.')
     .should('be.visible')
 
-    cy.percySnapshot('viewport info open')
+    snapshotAUTPanel('viewport info open')
 
     cy.get('body').click()
 
     cy.findByTestId('playground-activator').click()
     cy.findByTestId('playground-selector').clear().type('li')
 
-    cy.percySnapshot('cy.get selector')
+    snapshotAUTPanel('cy.get selector')
 
     cy.findByTestId('playground-num-elements').contains('3 Matches')
 
@@ -44,7 +45,7 @@ describe('Cypress In Cypress', { viewportWidth: 1200 }, () => {
 
     cy.findByTestId('playground-selector').clear().type('Item 1')
 
-    cy.percySnapshot('cy.contains selector')
+    snapshotAUTPanel('cy.contains selector')
 
     cy.findByTestId('playground-num-elements').contains('1 Match')
 

packages/runner/cypress/e2e/issues/issue-18042.js → packages/app/cypress/e2e/runner/issues/issue-18042.cy.js

@@ -1,15 +1,13 @@
-const helpers = require('../../support/helpers')
-
-const { createCypress } = helpers
-const { runIsolatedCypress } = createCypress()
+import { loadSpec } from '../support/spec-loader'
 
 // https://github.com/cypress-io/cypress/issues/18042
 describe('issue 18042', () => {
-  beforeEach(function () {
-    return runIsolatedCypress(`cypress/fixtures/issues/issue-18042.js`)
-  })
-
   it('Call count is shown even if cy.stub().log(false)', function () {
+    loadSpec({
+      fileName: 'issue-18042.cy.js',
+      passCount: 1,
+    })
+
     cy.contains('Spies / Stubs (1)').click()
     cy.get('.call-count').eq(1).should('have.text', '1')
   })

packages/app/cypress/e2e/runner/issues/issue-9162.cy.js

@@ -0,0 +1,14 @@
+import { loadSpec } from '../support/spec-loader'
+
+// https://github.com/cypress-io/cypress/issues/9162
+describe('issue 9162', () => {
+  it('tests does not hang even if there is a fail in before().', function () {
+    loadSpec({
+      fileName: 'issue-9162.cy.js',
+      passCount: 0,
+      failCount: 1,
+    })
+
+    cy.contains('expected true to be false')
+  })
+})