{"id":243,"date":"2018-03-09T14:10:19","date_gmt":"2018-03-09T14:10:19","guid":{"rendered":"http:\/\/loadfocus.com\/blog\/tech\/?p=243"},"modified":"2019-05-09T13:21:55","modified_gmt":"2019-05-09T13:21:55","slug":"how-to-click-on-element-with-puppeteer-and-chrome","status":"publish","type":"post","link":"https:\/\/loadfocus.com\/blog\/tech\/2018\/03\/how-to-click-on-element-with-puppeteer-and-chrome","title":{"rendered":"How to Click on Element with Puppeteer and Chrome"},"content":{"rendered":"<\/span> < 1<\/span> minute read<\/span><\/span>

LoadFocus<\/a> – is a easy to use cloud testing tool<\/a>, and you don’t need any setup, it runs from the browser. It helps you understand better your Website’s and WebServices’ performance and find potential bottleneck before your customers do. Run a free website speed test<\/a> today.<\/p>\n

Using Puppeteer to interact with the UI elements from web pages is quite simple. All you need to do is to open a new page with Puppeteer:<\/p>\n

\nconst page = await browser.newPage();\n<\/code><\/pre>\n
Then, all you have to do, is identifying the element you want to perform the action, click in our case:
\n           \r\n            
\r\n                
<\/p>\n
\nawait page.click('.clickButton');\n<\/code><\/pre>\n
Puppeteer comes with a set of options for the click action, all optional:
\nAccording to the documentation, you can have these options sent to the click action:<\/p>\n