I try to fetch a div with puppeteer and console.log it in my console. The problem is I can't figure out how to fetch a div with a 'name' atribution.
module.exports = {
name: 'market',
aliases: ['m'],
args: false,
description: 'get market info',
execute(message, args) {
async function market() {
try {
const URL = 'https://www.binance.com/en/trade/REQ_USDT?layout=basic'
const browser = await puppeteer.launch()
const page = await browser.newPage()
const navigationPromise = page.waitForNavigation({waitUntil: "domcontentloaded"});
await page.goto(URL)
await navigationPromise;
let data = await page.evaluate(() => {
let results = {}
let contents = document.querySelectorAll('.css-104s6ge')
contents.forEach((optiune) => {
results.push({
market1: optiune.querySelector('.css-14d05gv').innerText,
market2: optiune.querySelector('.css-1pysja1').innerText,
market3: optiune.querySelector('.css-m3c6zl').innerText,
market4: optiune.querySelector('.css-vjdxdv').innerText,
})
})
return results;
})
console.log(data);
await browser.close()
} catch (error) {
console.error(error)
}
}
market();
}
};
I tried with classes, but I get this error: throw new Error('Unexpected extraInfo events for request ' + responseReceived.requestId);
EDIT: I solved the error by downing the puppeteer version but now I'm getting a blank array.