开玩笑-如何选择一个类别的第二次出现在一个模态？

Question

我目前正在编写一些自动测试与小丑木偶。我遇到了这样一种情况，即DOM上出现了两个具有相同类的元素。我正在尝试让Puppeteer点击第二个事件，但是它一直在点击第一个元素！！

为了清楚起见，下面是我的工作流程的细目。

在另一个按钮上有一个带有类.action-button.

• Click的元素，它打开了一个模态。

• modal有另一个带有类.action-button.

• I的按钮，无法让从模式中点击第二个.action-button！！！

这是我的代码片段。

    await page.waitForSelector('.open-modal');

    await page.waitForSelector('.action-button');

    await page.click('.action-button)';

我怎样才能让木匠点击第二个.action-button

编辑-解决方案我发誓我之前就试过了，但我肯定是脑子里放屁了。

解决方案是一个简单的CSS选择器，它具有唯一的父属性值和我要寻找的类。

    await page.waitForSelector('.open-modal');

    await page.waitForSelector('[unique-attr] .action-button');

    await page.click('[unique-attr] .action-button)';

Answer 1

在Vuejs中，我们通常喜欢这个findAll(‘类名).at(索引)，其中as索引从0开始，等等。所以对于第二次出现，我们会类似于findAll(类名).at(1)