![\"Jest](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-5-2-1024x576.png\")
<\/p>\nPuppeteer is a Node.js library developed by Google that lets you control headless Chrome through the DevTools Protocol. It is a tool for automating testing in your application using headless Chrome or Chromebit devices without requiring browser extensions like Selenium Webdriver or PhantomJS.<\/p>\n
Jest is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using: Babel, TypeScript, Node, React, Angular, Vue, and more!<\/p>\n
<\/p>\n
<\/p>\n
Illustrates the overall Puppeteer architecture.<\/em><\/p>\n <\/p>\n <\/p>\n Once the above setup is done, the jest.config.js file should be created at the root in the project.<\/p>\n Open that file and make a few changes as follows:<\/p>\n 1] babel.cofig.js<\/p>\n 2] jest-puppeteer.config.js<\/p>\n Once you finish the above installation and code set up, we are good to go for test case automation!<\/p>\n Now, create a folder in your project at the root with name tests<\/p>\n Then create one file for writing test cases in the tests folder with the name example.test.js<\/p>\n To run above written test cases, you need to create a script in the package.json file<\/p>\n Go to the package.json file and update the code in the script section as follows:<\/p>\n Once you added Script to test case, open your terminal and type npm run test<\/strong><\/em> and press enter<\/p>\n <\/p>\n https:\/\/drive.google.com\/drive\/folders\/1wsul8BX71JmG6xSJo493YM12gnOI9UJf?usp=share_link<\/p>\n <\/p>\n I hope going through this blog gives you an insight into puppeteer and helps you familiarize yourself with the tool and its capabilities.<\/p>\n I think it’s one of the best libraries to automate trivial tasks with an easy-to-use API; if you also feel so, go ahead and automate the tedious tasks in your day-to-day life with Puppeteer.<\/p>\n If you have any queries or feedback, please let me know in the comment section,<\/p>\n Thank You!<\/p>\n WHAT IS PUPPETEER? Puppeteer is a Node.js library developed by Google that lets you control headless Chrome through the DevTools Protocol. It is a tool for automating testing in your application using headless Chrome or Chromebit devices without requiring browser extensions like Selenium Webdriver or PhantomJS. WHAT IS JEST? Jest is a delightful JavaScript Testing […]<\/p>\n","protected":false},"author":1517,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":30,"footnotes":""},"categories":[446,4686,1816],"tags":[5103],"class_list":["post-56651","post","type-post","status-publish","format-standard","hentry","category-java","category-mobile-automation-testing-2","category-testing-2","tag-softwaretesting-automationtesting-selenium-jest-puppeteer-playwrite-nodejs-jest-puppeteer"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t![\"Puppeteer](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-6.png\")
<\/p>\nPREREQUISITES<\/h4>\n
\n
PUPPETEER SETUP AND LIBRARIES INSTALLATION<\/h4>\n
![\"Jest-Puppeteer](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-1-1024x544.png\")
<\/p>\n![\"Jest-Puppeteer](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-2-1024x545.png\")
<\/p>\n\n
set bail: 5,<\/pre>\n<\/li>\n
set preset: \"jest-puppeteer\",<\/pre>\n<\/li>\n<\/ol>\n
Create two files at the root<\/h5>\n
![\"babel.config.js](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-3-1024x276.png\")
<\/p>\n![\"Jest](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-4-1024x275.png\")
<\/p>\nTEST CASES IMPLEMENTATION<\/h4>\n
![\"Test](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-6-1-1024x545.png\")
<\/p>\nEXECUTION AND EXPLANATION<\/h4>\n
![\"Node](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-7-1024x546.png\")
<\/p>\nTEST RESULT<\/h4>\n
![\"Output](\"\/blog\/wp-ttn-blog\/uploads\/2023\/02\/pptr-8-1024x545.png\")
<\/p>\nSOURCE CODE LINK<\/h4>\n
CONCLUSION<\/h4>\n
<\/div>","protected":false},"excerpt":{"rendered":"