Puppeteer 无法识别节点

Question

我有一些 http，我正在尝试使用 CucumberJS 和 puppeteer 实现自动化：

<button data-test-foo="true" id="ember1213" class="ao-button ao-button--primary ao-button--large ao-button--block ember-view">
<!---->  <span class="ao-button__label">View Related Payment Requests</span>
</button>

当我尝试 page.clisk 时：

async selectBeginImportButton() {
    await this.page.click('[data-test-foo="true"]');
}

我收到一个错误：

✖ And I go to the Import files # features/step_definitions/login_steps.js:58
   Error: No node found for selector: [data-test-foo="true"]

我做错了什么？

Answer 1

您可以使用 page.waitForSelector() 等待元素添加到 DOM 后再单击它。

const element = await page.waitForSelector( '[data-test-foo="true"]' );
await element.click();

Puppeteer 无法识别节点

Puppeteer not recognizing a node

ember.js

cucumberjs

puppeteer