Puppeteer 只关注按钮而不是点击按钮

Question

尝试自动化点击网站按钮的过程page，但它只关注按钮而不是点击它。

我尝试过使用 puppeteer click() 功能和 focus + press enter 功能 none 他们工作

const puppeteer = require('puppeteer');

async function run() {

const browser = await puppeteer.launch({headless:true});

  const page = await browser.newPage();
const BUTTON_SELECTOR = 'body > section > section > header > div.reply-button-row > button';      
  await page.goto('https://bozeman.craigslist.org/zip/d/bozeman-panasonic-36-tv/6837588995.html')
await page.waitFor(2000); 

await page.waitFor(BUTTON_SELECTOR);

await page.click(BUTTON_SELECTOR)
//await page.focus(BUTTON_SELECTOR)
//await page.keyboard.press('Enter');
await page.screenshot({ path: 'screenshots/image.png' });  
  browser.close();
}

run();

代码输出图像：https://imgur.com/m0CYqNiqwe

预期输出图像：https://imgur.com/Hmg3BgVasd

Answer 1

试试这个选择器：

const BUTTON_SELECTOR = 'button[data-href^="/__SERVICE_ID"]'

Answer 2

它点击了，但是截图太早了，直到显示新块。您可以再等一段时间或等待块被创建并可见：

await page.click(BUTTON_SELECTOR)
await page.waitFor(2000);
await page.screenshot({ path: 'image.png' });

或

await page.click(BUTTON_SELECTOR)
await page.waitForSelector('div.reply-info aside.reply-flap', { visible: true });
await page.screenshot({ path: 'image.png' });