How to check if an element contains a certain string in puppeteer?

Question

I'm trying to find out if an element #view_container > div > div > div.pwWryf.bxPAYd > div > div.WEQkZc > div > form > content > section > div > content > div.ck6P8 > div > div contains a certain set of characters (•••). I'm pretty new to coding so any help would be greatly appreciated.

Answer 1

Something like this:

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

    await page.goto('https://example.org/');

    const stringIsIncluded = await page.evaluate(() => {
      const string = '...';
      const selector = 'p > a[href]';
      return document.querySelector(selector).innerText.includes(string);
    });

    console.log(stringIsIncluded);

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

You can use .textContent instead of .innerText if you need element's raw text with all the white spaces not normalized to be checked.

Answer 2

Have a look at $$eval

page.$$eval('#view_container > div', (elements) =>
  elements.some((el) => el.textContent.includes('some text'))
);