Css 笑话木偶演员-如何选择模态中类的第二次出现？

我目前正在用jest Puppeter编写一些自动测试。我遇到的情况是，DOM上出现了两个具有相同类的元素。我试图让木偶演员点击第二次出现，但它一直点击第一个元素

为了清晰起见，这里是我工作流程的分解图
1.主页上有一个元素，该元素带有类

。操作按钮


2.单击另一个按钮打开一个模式。

3.Modal有另一个按钮，带有类
。操作按钮


4.我无法让木偶演员从模式中点击第二个
.action按钮

这是我的一段代码

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

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

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


如何让木偶演员点击第二个
。动作按钮

编辑-解决方案
我发誓我早就试过了，但我一定是脑袋放屁了

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

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

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

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


除了类之外，它们还有其他可以区分的属性吗？第二个
.action按钮的父元素具有唯一的属性。我发誓我早就这么做了，但我只是在带我的狗出去大便后又试了一次。我让木偶演员等待唯一的父元素，然后让它单击我的按钮。一定是有一次我的大脑被炸了。。。