Convert to Page Object Model (POM)

Now we will convert our Practice Form script to page object model.

Create a folder named pages and inside it, create a file named formSelectors.js

Then write following code:

const formSelectors = {
    url: 

Data scrapping from HTML table

Suppose we want to get data from this HTML table:
https://demoqa.com/webtables.

Write following code:

it("Web data scrapping", async () ={
        await page.goto("https://demoqa.com/webtables");
        let result = await page.evaluate(() ={
            let rows = document.querySelectorAll('.rt-tbody');
            

Data scrapping from HTML table

We will scrap data from the following page:
https://demoqa.com/webtables

Write following code:

it("Web data scrapping", async () ={
        await page.goto("https://demoqa.com/webtables");
        let result = await page.evaluate(() ={
            let rows = document.querySelectorAll('.rt-tbody');
            return Array.from(rows, row 

HTML page element access by puppeteer

Now we will access page elements by various kinds of puppeteer methods

Puppeteer Click Method:

Button Click

Syntax:
For selector,
await page.click('selector');
or
let element = await page.$$('selector');
await element[arrayIndex].click();

For XPath,
await … Read more

What is Puppeteer

Puppeteer is a google provided JS based library which is used to automate any website in headed or headless mode through chromium browser.

Headed Browser

Automation happens in graphical interface mode. In this mode, you will see … Read more