在（Puppeteer 错误）中找不到选择器的节点

Question

This is the code I have given:

const puppeteer = require('puppeteer');
(async () => {
    const baseUrl = 'example.com';
    const browser = await puppeteer.launch({ headless: true});
    const context = await browser.createIncognitoBrowserContext();
    const page = await context.newPage();

    function delay(time) {
        return new Promise(function (resolve) {
            setTimeout(resolve, time)
        });
    }

    await page.goto(baseUrl);

    await page.waitForSelector('[name="loginfmt"]');
    await page.type('[name="loginfmt"]', 'abc@amazon.com');
    await page.click('[type="submit"]');
    delay(1000);
    await page.authenticate({ username: `abc@amazon.com`, password: `abc@123` });

    await page.click((`[data-row-id="111-222-333-444"]`));
    await delay(1000);

    await page.pdf(
        {
            path: "Z1.pdf",
            printBackground: true,
            width: '1300px',
            height: '14200px'
        }
    )

    browser.close();
})()

When inspected the page with document.querySelectorAll( [data-row-id="111-222-333-444"] );it returned a NodeList array which consisted the details which I have been looking for. However when tried the same via Puppeteer it terminates with an error saying "Error: No node found for selector: [data-row-id="111-222-333-444"]"

Tried using: "const button= await page.$(( [data-row-id="111-222-333-444"] ); button.click();"

I have been trying to fix this since a long time. It would be really helpful if I get a fix for this.

Answer 1

Try using this code:

    const puppeteer = require('puppeteer');
(async () => {
    const baseUrl = 'example.com';
    const browser = await puppeteer.launch({ headless: true});
    const context = await browser.createIncognitoBrowserContext();
    const page = await context.newPage();
 

    await page.goto(baseUrl);

    await page.waitForSelector('[name="loginfmt"]');
    await page.type('[name="loginfmt"]', 'abc@amazon.com');
    await page.click('[type="submit"]');
    await page.waitForTimeout(1000) 
    await page.authenticate({ username: `abc@amazon.com`, password: `abc@123` });

    await page.waitForTimeout(5000) 

    await page.$(`[data-row-id="111-222-333-444"]`);

    await page.click((`[data-row-id="111-222-333-444"]`));
    await page.waitForTimeout(1000) 

    await page.pdf(
        {
            path: "Z1.pdf",
            printBackground: true,
            width: '1300px',
            height: '14200px'
        }
    )

    browser.close();
})()