What are some examples of using Puppeteer?

What are some examples of using Puppeteer?

Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium. Here are a few examples of its usage:

1. Web Scraping: You can use Puppeteer to scrape data from websites by navigating to pages and extracting content.
2. Automated Testing: Puppeteer can automate browser testing for web applications, ensuring that features work as expected.
3. PDF Generation: You can generate PDFs from web pages, which is useful for creating reports or invoices.
4. Taking Screenshots: Puppeteer can capture screenshots of web pages, which is helpful for visual testing or documentation.

Can you show me a code snippet for web scraping?

Sure! Here's a simple example of web scraping using Puppeteer:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://example.com');
    const data = await page.evaluate(() => {
        return document.querySelector('h1').innerText;
    });
    console.log(data);
    await browser.close();
})();

This code launches a browser, navigates to 'example.com', and extracts the text of the first <h1> element.

What about automated testing? Any examples?

Absolutely! Here's a basic example of using Puppeteer for automated testing:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://example.com');
    await page.click('button#submit'); // Simulate a button click
    const result = await page.waitForSelector('div#result'); // Wait for the result to appear
    const text = await result.evaluate(el => el.innerText);
    console.log(text); // Log the result text
    await browser.close();
})();

This script navigates to a page, clicks a button, and waits for a result to appear.