I am using Cheerio to parse the html and then running the following:
+$("#price1").text()|| +$("#price2").text() || undefined
Basically it tries to get the prices if the first fails and finally returns undefined if all fails.
How can I do the same thing in Puppeteer? I am not sure how to use page.evaluate to execute this chain of if-else commands. (I am also using Typescript as well.)
It seems the analog would be something like this:
import puppeteer from 'puppeteer';
const browser = await puppeteer.launch();
try {
const [page] = await browser.pages();
await page.goto('https://example.org/'); // your URL here
const price = await page.evaluate(() => {
const element = document.querySelector('#price1') ||
document.querySelector('#price2');
if (element) return Number(element.innerText);
return undefined;
});
console.log(price);
} catch(err) { console.error(err); } finally { await browser.close(); }
Property 'innerText' does not exist on type 'Element'.ts(2339), any idea how to solve this? When casting it to any, I am getting a NaN despite the price selectors being there as well..
.textContent, but it is less readable sometimes: HTMLElement.innerText vs Node.textContent..textContent works (no complaints from Typescript) :D Thank you!