人偶无法识别节点

Question

我有一些正在尝试使CucumberJS和puppeteer自动化的http：

<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>

当我尝试翻页时：

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();