chore: remove low value percy snapshots

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

@@ -1,7 +1,7 @@
 import type { SinonStub } from 'sinon'
 import defaultMessages from '@packages/frontend-shared/src/locales/en-US.json'
 import { getPathForPlatform } from '../../src/paths'
-import { snapshotAUTPanel } from './support/snapshot-aut-panel'
+// import { snapshotAUTPanel } from './support/snapshot-aut-panel'
 
 describe('Cypress In Cypress CT', { viewportWidth: 1500, defaultCommandTimeout: 10000 }, () => {
   context('default config', () => {
@@ -24,19 +24,22 @@ describe('Cypress In Cypress CT', { viewportWidth: 1500, defaultCommandTimeout:
       cy.contains('Canary').should('be.visible')
       cy.findByTestId('viewport').click()
 
-      snapshotAUTPanel('browsers open')
+      // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+      // snapshotAUTPanel('browsers open')
       cy.contains('Canary').should('be.hidden')
       cy.contains('The viewport determines the width and height of your application under test. By default the viewport will be 500px by 500px for component testing.')
       .should('be.visible')
 
-      snapshotAUTPanel('viewport info open')
+      // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+      // snapshotAUTPanel('viewport info open')
 
       cy.get('body').click()
 
       cy.findByTestId('playground-activator').click()
       cy.findByTestId('playground-selector').clear().type('[data-cy-root]')
 
-      snapshotAUTPanel('cy.get selector')
+      // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+      // snapshotAUTPanel('cy.get selector')
 
       cy.findByTestId('playground-num-elements').contains('1 match')
 
@@ -50,7 +53,8 @@ describe('Cypress In Cypress CT', { viewportWidth: 1500, defaultCommandTimeout:
 
       cy.findByTestId('playground-selector').clear().type('Component Test')
 
-      snapshotAUTPanel('cy.contains selector')
+      // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+      // snapshotAUTPanel('cy.contains selector')
 
       cy.findByTestId('playground-num-elements').contains('1 match')
 

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

@@ -1,5 +1,5 @@
 import defaultMessages from '@packages/frontend-shared/src/locales/en-US.json'
-import { snapshotAUTPanel } from './support/snapshot-aut-panel'
+// import { snapshotAUTPanel } from './support/snapshot-aut-panel'
 import { getPathForPlatform } from '../../src/paths'
 
 describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout: 10000 }, () => {
@@ -28,22 +28,25 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
     .focus()
     .type('{esc}')
 
-    snapshotAUTPanel('browsers open')
+    // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+    // snapshotAUTPanel('browsers open')
 
     cy.contains('Canary').should('be.hidden')
 
     cy.get('[data-cy="viewport"]').click()
     cy.contains('The viewport determines the width and height of your application under test. By default the viewport will be 1000px by 660px for end-to-end testing.')
     .should('be.visible')
 
-    snapshotAUTPanel('viewport info open')
+    // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+    // snapshotAUTPanel('viewport info open')
 
     cy.get('body').click()
 
     cy.findByTestId('playground-activator').click()
     cy.findByTestId('playground-selector').clear().type('li')
 
-    snapshotAUTPanel('cy.get selector')
+    // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+    // snapshotAUTPanel('cy.get selector')
 
     cy.findByTestId('playground-num-elements').contains('3 matches')
 
@@ -64,7 +67,8 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
 
     cy.findByTestId('playground-selector').clear().type('Item 1')
 
-    snapshotAUTPanel('cy.contains selector')
+    // TODO: restore when Percy CSS is fixed. See https://github.com/cypress-io/cypress/issues/23435
+    // snapshotAUTPanel('cy.contains selector')
 
     cy.findByTestId('playground-num-elements').contains('1 match')
 

packages/app/cypress/e2e/runner/cloud-debug-filter.cy.ts

@@ -55,12 +55,6 @@ describe('cloud debug test filtering', () => {
     cy.get('@reporterPanel').then((el) => el.width(500))
     cy.get('@reporterPanel').percySnapshot('wide')
 
-    cy.get('@reporterPanel').then((el) => el.width(350))
-    cy.get('@reporterPanel').percySnapshot('medium')
-
-    cy.get('@reporterPanel').then((el) => el.width(250))
-    cy.get('@reporterPanel').percySnapshot('narrow')
-
     cy.get('@reporterPanel').then((el) => el.width(150))
     cy.get('@reporterPanel').percySnapshot('skinny')
   })

packages/app/src/components/Blank.cy.tsx

@@ -14,19 +14,19 @@ describe('initial', () => {
 })
 
 describe('testIsolationBlankPage', () => {
-  it('works', () => {
+  beforeEach(() => {
     getContainerEl()!.innerHTML = testIsolationBlankPage()
-
     cy.get('[data-cy="cypress-logo"]')
     cy.get('[data-cy="text"]').should('have.text', 'Default blank page')
     cy.get('[data-cy="subtext"]').should('have.text', 'This page was cleared by navigating to about:blank.All active session data (cookies, localStorage and sessionStorage) across all domains are cleared.')
+  })
 
+  it('works', () => {
     cy.percySnapshot()
   })
 
   it('works with small viewport', () => {
     cy.viewport(200, 500)
-    getContainerEl()!.innerHTML = testIsolationBlankPage()
 
     cy.percySnapshot()
   })
@@ -35,13 +35,15 @@ describe('testIsolationBlankPage', () => {
 describe('visitFailure', () => {
   it('works', () => {
     getContainerEl()!.innerHTML = visitFailure({ url: 'http://foo.cypress.io' })
-
-    cy.percySnapshot()
   })
 
   it('works with details', () => {
     getContainerEl()!.innerHTML = visitFailure({ url: 'http://foo.cypress.io', status: 404, statusText: 'Not Found', contentType: 'text/html' })
 
+    cy.get('p').contains('Sorry, we could not load:')
+    cy.get('a').contains('http://foo.cypress.io').should('have.attr', 'href', 'http://foo.cypress.io')
+    cy.get('p').contains('404 - Not Found (text/html)')
+
     cy.percySnapshot()
   })
 })

packages/app/src/components/SpecPatterns.cy.tsx

@@ -9,8 +9,6 @@ describe('<SpecPatterns />', () => {
 
     cy.get('[data-cy="spec-pattern"]').contains('cypress/e2e/**/*.cy.{js,jsx,ts,tsx}')
     cy.get('[data-cy="file-match-indicator"]').contains('50 matches')
-
-    cy.percySnapshot()
   })
 
   it('renders component spec pattern', () => {

packages/app/src/debug/DebugContainer.cy.tsx

@@ -169,67 +169,58 @@ describe('<DebugContainer />', () => {
       it('renders', () => {
         mountTestRun('allSkipped')
 
+        cy.findByTestId('collapsible').should('be.visible')
+        cy.contains('h3', 'Incomplete')
         cy.contains('The browser server never connected.').should('be.visible')
         cy.contains('2 of 3 specs skipped').should('be.visible')
-
-        cy.percySnapshot()
       })
     })
 
     context('no tests', () => {
       it('renders', () => {
         mountTestRun('noTests')
 
+        cy.findByTestId('collapsible').should('be.visible')
+        cy.contains('h3', 'Incomplete')
         cy.contains('Run has no tests').should('be.visible')
-
-        cy.percySnapshot()
       })
     })
 
     context('timed out', () => {
       it('renders with CI information', () => {
         mountTestRun('timedOutWithCi')
 
+        cy.findByTestId('collapsible').should('be.visible')
+        cy.contains('h3', 'Incomplete')
         cy.contains('Circle CI #1234').should('have.attr', 'href', 'https://circleci.com').should('be.visible')
         cy.contains('Archive this run to remove it').should('be.visible')
-
-        cy.percySnapshot()
       })
 
       it('renders without CI information', () => {
         mountTestRun('timedOutWithoutCi')
 
+        cy.findByTestId('collapsible').should('be.visible')
+        cy.contains('h3', 'Incomplete')
         cy.contains('Circle CI #1234').should('not.exist')
         cy.contains('Archive this run to remove it').should('be.visible')
-
-        cy.percySnapshot()
       })
     })
 
     context('over limit', () => {
       it('handled usage exceeded', () => {
         mountTestRun('overLimit')
-
         cy.findByRole('link', { name: 'Contact admin' }).should('be.visible').should('have.attr', 'href', 'http://localhost:3000?utmMedium=Debug+Tab&utmSource=Binary%3A+Launchpad')
-
-        cy.percySnapshot()
       })
 
       it('handles retention exceeded', () => {
         mountTestRun('overLimitRetention')
-
         cy.findByRole('link', { name: 'Contact admin' }).should('be.visible').should('have.attr', 'href', 'http://localhost:3000?utmMedium=Debug+Tab&utmSource=Binary%3A+Launchpad')
-
-        cy.percySnapshot()
       })
 
       it('does not show passing message if run is hidden', () => {
         mountTestRun('overLimitPassed')
-
         cy.contains('Well Done!').should('not.exist')
-
         cy.contains('All your tests passed.').should('not.exist')
-
         cy.findByRole('link', { name: 'Contact admin' }).should('be.visible').should('have.attr', 'href', 'http://localhost:3000?utmMedium=Debug+Tab&utmSource=Binary%3A+Launchpad')
       })
     })

packages/app/src/debug/DebugFailedTest.cy.tsx

@@ -123,8 +123,6 @@ describe('<DebugFailedTest/>', () => {
       .and('match', /utm_campaign/)
       .and('match', /utm_source/)
     })
-
-    cy.percySnapshot()
   })
 
   it('contains multiple titleParts segments', { viewportWidth: 1200 }, () => {
@@ -139,8 +137,6 @@ describe('<DebugFailedTest/>', () => {
     ))
 
     assertRowContents(multipleTitleParts)
-
-    cy.percySnapshot()
   })
 
   it('tests multiple groups', { viewportWidth: 1200 }, () => {

packages/app/src/debug/DebugPageHeader.cy.tsx

@@ -98,7 +98,6 @@ describe('<DebugPageHeader />', {
       })
 
       cy.findByTestId(`debug-runNumber-${status}`).should('be.visible')
-      cy.percySnapshot()
     })
   })
 

packages/app/src/debug/DebugPendingRunCounts.cy.tsx

@@ -9,8 +9,6 @@ describe('<DebugPendingRunCounts />', () => {
     )
 
     cy.contains('2 of 20').should('be.visible')
-
-    cy.percySnapshot()
   })
 
   it('renders counts of zeros input is undefined', () => {
@@ -21,7 +19,5 @@ describe('<DebugPendingRunCounts />', () => {
     )
 
     cy.contains('0 of 0').should('be.visible')
-
-    cy.percySnapshot()
   })
 })

packages/app/src/debug/DebugPendingRunSplash.cy.tsx

@@ -4,17 +4,14 @@ describe('<DebugPendingRunSplash />', () => {
   it('renders as expected', () => {
     cy.mount(<DebugPendingRunSplash/>)
 
-    cy.contains('Failures will be displayed here')
-
-    cy.percySnapshot()
+    cy.findByTestId('title').contains('Testing in progress...')
+    cy.findByTestId('splash-subtitle').contains('Failures will be displayed here')
   })
 
   it('renders scheduled to complete message', () => {
     cy.mount(<DebugPendingRunSplash isCompletionScheduled={true}/>)
 
     cy.contains('Scheduled to complete...')
     cy.findByTestId('splash-subtitle').should('not.exist')
-
-    cy.percySnapshot()
   })
 })

packages/app/src/debug/DebugResults.cy.tsx

@@ -17,8 +17,6 @@ describe('<DebugResults />', () => {
         cy.get(`[title=${defaultMessages.runs.results.pending}]`).should('contain.text', cloudRun.totalPending)
       })
     })
-
-    cy.percySnapshot()
   })
 })
 

packages/app/src/debug/DebugRunNavigation.cy.tsx

@@ -241,8 +241,6 @@ describe('<DebugRunNavigation />', () => {
 
     cy.contains('We found more than 100 runs.').should('be.visible')
     cy.findByRole('link', { name: 'Go to Cypress Cloud to see all runs' }).should('be.visible').should('have.attr', 'href', 'https://cloud.cypress.io/projects/ypt4pf/?utm_medium=Debug+Tab&utm_campaign=Run+Navigation+Limit&utm_source=Binary%3A+Launchpad')
-
-    cy.percySnapshot()
   })
 
   describe('Switch to latest run button', () => {

packages/app/src/debug/DebugRunNavigationLimitMessage.cy.tsx

@@ -5,8 +5,6 @@ describe('DebugRunNavigationLimitMessage', () => {
     cy.mount(<DebugRunNavigationLimitMessage cloudProjectUrl="https://cloud.cypress.io/projects/ypt4pf/" />)
 
     cy.findByRole('link', { name: 'Go to Cypress Cloud to see all runs' }).should('be.visible').should('have.attr', 'href', 'https://cloud.cypress.io/projects/ypt4pf/?utm_medium=Debug+Tab&utm_campaign=Run+Navigation+Limit&utm_source=Binary%3A+Launchpad')
-
-    cy.percySnapshot()
   })
 
   it('does not render link if cloudProjectUrl is falsy', () => {