javascript - puppeteer API 未触发点击事件

Question

我正在尝试使用 JEST 和 Puppeteer 测试工具测试我项目的网页。在网页中，当我右键单击元素时，页面中会弹出一个菜单，并在元素上设置一些样式属性。因此，在这个流程中，我尝试使用 JEST 进行测试，为此我编写了以下代码。

describe('Test for Rest Data', () => {
  jest.setTimeout(100000);
  beforeEach(async () => {
    await page.goto("url", { waitUntil: 'networkidle2' })
    await page.waitForSelector('table');
  });
});
test("Assert for delete row !",async () => {
  await page.click('tr','right');
  const tbl = await page.evaluate(()=>{
    return document.querySelector('tr').getAttribute('style');
  });
  expect(tbl).not.toBeNull();
});

这里当我点击表格样式属性时被添加但是上面的代码 tbl 没有获得任何值。

我做错了什么吗？我应该怎么做才对？

Answer 1

点击后您可能还应该等待一段时间，也许样式会更改但不会立即更改，也许元素还不存在。

尝试，

await page.waitFor(1000); // wait for some time
// or this below
await page.waitFor('tr'); // wait for the element

这将等待一段时间或元素。检查是否是这种情况。