How to generate puppeteer javascript code automatically using the chrome extension? Tips & tricks

hello guys welcome back to the software testing tips and tricks Channel if you are new to this channel go through all the videos and if you like this Channel Please Subscribe and share to your Q friends so in this video today we'll discuss about how to generate properti code automatically so you don't have to write all the code you just need to record the session and it will generate the code automatically based on that uh again uh you need deep knowledge of properer to understand the code but you do not have to write the all the code manually so it will fasten your process and it will be very helpful so watch this video till the end and let's start so recently I came across the plugin called headless recorder which is uh available in Chrome Store I don't know if it is available in other browsers as well but here it is available and uh you need to install this uh this one and uh uh as it said a Chrome extension for recording browser interaction and generating proper and play right script so it will automatically generate the poeter as well as play script whatever script you want so I am going to demo this directly so it has listed down all the features and how to use it and uh everything so you just uh let's start using this so here I have already installed and pined on my uh browser so I just need to start start so it is start recording now you go to new tab enter google.com so here like it is identifying the I'll write software testing tips and tricks so it is uh giving me all the results but it is not giving our channel so you need to subscribe for more here we are getting so you are clicking on this and now you can stop so it is generated play script as well as Propet script so you can here copy to clipboard you can directly copy this and uh in your uh vs code or what whatever plugins you are using editor you are using you can put in this so we had this uh m test framework we have created so this way it is generating the code you can directly use this code so it has this property here we are navigated to Google then it is waited for this because of Google have this kind of DS and class names it is showing like this but again you may need to correct those because it is static one so you need to put Dynamic but it will like like what you have clicked you have wait again click navigation promises so everything it will be taken care and then when you close it will close the browser so it has this so you can put this like in your and you can start trying running this but directly most probably is like for a new website or not standard website directly it may want not work so you have to based on your knowledge on poeter or how you write in your framework you need to edit the codes so you can edit those codes and uh make X paath and uh Doms correctly and then start using it so this is pretty straightforward you just need to install uh plugin uh record the session and stopped when you stop you get this uh code and you just have to copy the code and past in your uh uh editor so that's it so this was a short video hope you like this video uh if you like this video please subscribe this Channel and share it if you have any question feel free to ask in the comments also don't forget to subscribe in social media I hope puted the link in the description thank you

Channel: Software Testing Tips and Tricks

Views: 3,121

Keywords: puppeteer, puppeteer tutorials, learning puppeteer, puppeteer for beginners, free puppeteer videos, automation testing, generate puppeteer script automatically, headless chrome extension, puppeteer chrome extension

Id: GZrRC-uIKWU

Length: 4min 33sec (273 seconds)

Published: Tue Apr 12 2022