New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Support code view highlight in Recorder #49

Open

jecfish opened this issue Jan 17, 2023 · 1 comment

Contributor

jecfish commented Jan 17, 2023

Chrome 110 launches a new "Show code and highlight" feature.

How to test
You can test this feature with the latest Chrome Canary

Open a recording in the Recorder, click "Show code".
Hover over each step, the code should highlight accordingly.

Action required

Your extension needs to update to the latest Puppeteer Replay.
Rebuild & publish a new version to Web Store
That's all!

If your extension doesn't have Puppeteer Replay as dependency, you can implement the [sourcemaps] (https://github.com/puppeteer/replay/blob/main/src/stringify.ts#L68) yourself to make it work.

my gif has pretty low res.

Contributor Author

jecfish commented Jan 17, 2023 •

edited

Loading

@jordanpowell88 fyi, PR #46 should already enable this feature. Do update it to the latest Puppeteer Replay version (PR cypress-io/cypress-recorder-extension#8, cypress-io/cypress-recorder-extension#7) when you publish a new version again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment