search

nightwatchjs / nightwatch-recorder-extension

Nightwatch extension for Devtools that allows you to export tests directly from the recorder panel.
MIT License
4 stars 5 forks source link

Support code view highlight in Recorder #7

Closed jecfish closed 1 year ago

jecfish commented 1 year ago

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

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

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

Action required

  1. Your extension needs to update to the latest Puppeteer Replay.
  2. Rebuild & publish a new version to Web Store
  3. 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. ezgif-4-33a0309279

jecfish commented 1 year ago

@vaibhavsingh97 fyi!

vaibhavsingh97 commented 1 year ago

I have updated the chrome recorder in https://github.com/nightwatchjs/nightwatch-recorder-extension/commit/7906d18d71ce3a2f9a8c4a9e456eb0d5f15244ed.

Extension will be published shortly

vaibhavsingh97 commented 1 year ago

New Version 0.2.2 is published. Cc @jecfish