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 !
Top comments (2)
Definitely helpful when forms having too many required fields. kind of macros for web developers :)
Thanks for sharing
Wow, That's crazy.
Thank you for sharing this :o