perf: improve performance when finding unique selectors for Test Replay

[mschile]

Additional details

When finding unique selectors for snapshots in Test Replay, we currently use @cypress/unique-selector. However, this package tries to generate a more human-readable and reduced selector than what is needed for Test Replay and subsequently can cause performance issues. I am updating the snapshots to use the @medv/finder packages which has options to vastly improve performance. Observed finding unique selectors in some scenarios go from ~350ms to ~0.5ms.

Steps to test

How has the user experience changed?

Command log snapshots will be more performant.

PR Tasks

• Have tests been added/updated?
• [n/a] Has a PR for user-facing changes been opened in cypress-documentation?
• [n/a] Have API changes been updated in the type definitions?

[cypress]

15 flaky tests on run #52859 ↗︎

0

6145

103

0

15

Details:

Merge branch 'develop' into mschile/protocol/finder
Project: cypress	Commit: 8fcd25467f
Status: Passed	Duration: 14:51 💡
Started: Dec 15, 2023 9:43 PM	Ended: Dec 15, 2023 9:58 PM

  commands/querying/querying.cy.js • 1 flaky test • 5x-driver-electron

View Output

Test		Artifacts
... > throws when alias property isnt a digit or `all`		Test Replay

  e2e/origin/navigation.cy.ts • 1 flaky test • 5x-driver-electron

View Output

Test		Artifacts
delayed navigation > errors > redirects to an unexpected cross-origin and calls another command in the cy.origin command		Test Replay

  cypress/cypress.cy.js • 3 flaky tests • 5x-driver-electron

View Output

Test		Artifacts
... > correctly returns currentRetry		Test Replay
... > correctly returns currentRetry		Test Replay
... > correctly returns currentRetry		Test Replay

  runs.cy.ts • 2 flaky tests • app-e2e

View Output

Test		Artifacts
App: Runs > Runs - Create Project > when a project is created, injects new projectId into the config file, and sends expected UTM params		Test Replay Screenshots
App: Runs > Runs - Cannot Find Project > opens Connect Project modal after clicking Reconnect Project button		Test Replay Screenshots

  cypress-in-cypress.cy.ts • 1 flaky test • app-e2e

View Output

Test		Artifacts
Cypress in Cypress > restarts browser if there is a before:browser:launch task and there is a change on the config		Test Replay Screenshots

The first 5 flaky specs are shown, see all 9 specs in Cypress Cloud.

Review all test suite changes for PR #28536 ↗︎

[cypress-bot]

Released in 13.6.2.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v13.6.2, please open a new issue.