The Chrome Dev Tool you are missing : FEAT Recorder

#javascript #webdev #programming #productivity

There ever been the time where you would repeatedly testing something manually when you are developing?

For example Form Validations , Filling up the forms and user flows.

Who is this blog for ?
This is meant for developers who are willing to go extra mile for testing their flow with automation. (This feature is still experimental)

Example
Lets assume this wierdly layed out form where the Next button is disabled until all the details are filled. We're working on the 2nd step where we would want to click next and test something.

Imagine going over 20 times manually filling this up! That is where chrome recorder comes in 😇

This is what recorder does. For the very first time I train the recorder do what I am doing and from next time onwards we can just let the recorder take control doing that.

Lets see how we can do this

Open your console / Developer tools
Press CMD/CTRL + SHIFT + P to open command run
Type Recorder and click Show Recorder
Click Start new recording and do the flow. Thats it

There are lot of options after you have done recording.

You can export as json and share.

All the events can be edited such as value changes and other stuff. You can also add timeouts to make way for api calls.

For more information visit Record, replay, and measure user flows

I have tested this feature in Angular 11 and Nextjs. Its safe to say I've saved time ( lot of boring stuff ) at my company when testing flows.

Peace 🕊

If you are here it means you may have enjoyed reading this blog. Just follow me @shrihari which will motivate to write more, contribute open source.

You can make me drink Buttermilk 🥛. Small support comes a long way!

Subscribe If you want to receive these blogs in your mail from @Medium for free!

Try Our new product for free!

DocsAI - Create AI support agents with your documents in the most affordable price, starts at 0$. Don't need a bot , but need ai help on your docs just upload and start chating !

Using for a company ? Check out our pricing Just contact me for personalized pricing !