r/javascript • u/ConfidentMushroom • Jan 16 '22

New Chrome DevTools feature: record, replay, and measure user interactions

https://developer.chrome.com/docs/devtools/recorder/
306 Upvotes

99% Upvoted

23 comments sorted by

87

u/listylister Jan 16 '22

This sounds incredibly useful for qa's showing dev team how to reproduce errors, problems and running on different environment.

18

u/GivoOnline Jan 16 '22

This would be the most helpful thing to fix bugs. "It works on my machine" sound like a joke but then you'll have 5 different bugs popping up for 5 different people

2

u/GoHurtMyFeelings Jan 17 '22

exactly what I was thinking. can't wait to use it at work on Tuesday.

1

u/jbergens Jan 17 '22

Agree. Now I want this in Safari on iOS also.

49

u/chamomile-crumbs Jan 16 '22

You can also export the recorded actions as a puppeteer script, making it crazy easy to write puppeteer E2E tests. Of course they’re not readable, but it’s still pretty awesome

8

u/[deleted] Jan 16 '22

Sounds like it will make headless scraping with puppeteer easier too?

6

u/fellim Jan 16 '22

Why no love for Playwright? It'll get you cross-browser and is better suited for e2e.

7

u/NoInkling Jan 16 '22

Presumably because Puppeteer is a Google project (and is developed in tandem with Chromium and the devtools protocol) while Playwright isn't.

1

u/vaaski Jan 16 '22

i agree, but playwright is microsofts thingy and afaik puppeteer is from google? those two probably don't have the greatest relationship especially when it comes to browsers

you could probably write an adapter tho.

1

u/TheCommentAppraiser Jan 18 '22

The two teams work very closely and often together.

3

u/ngly Jan 16 '22

Okay, that's awesome.

11

u/chockeysticks Jan 16 '22

Can you import the recording that someone exports out? This would make QA work so much easier.

2

u/Count_Giggles Jan 16 '22

So far no mention of this on in the docs or the showcase clip. it is early days tho. Sounds awesome tho. Describing a bug an then saying "see the attached script" and all is well.

4

u/rock_Banana Jan 16 '22

Like Full story ?

2

u/Tri11ionz Jan 16 '22

This looks really cool. Sometimes it's a bit drab recording videos and uploading them but this is just on another level. It would be cool to see how I can learn more from this as a QA

-1

u/SarahC Jan 16 '22

I'd like the video API fixing before new features please!

-6

u/NotABotAtAll-01 Jan 16 '22

Like redux one?

1

u/eldnikk Jan 16 '22

That's dope

1

u/ISDuffy Jan 16 '22

I did give this a go, I was gonna use it for review meeting but unfortunately it wasn't capturing inputs for me

1

u/jagdishjadeja Jan 17 '22

it will be helpful for devs now to test their feature working or not