testing - 如何像使用 Chrome 开发者控制台一样使用 querySelectorAll 选择正确的元素？

Question

我目前正在使用 cypress 来测试 salesforce，并且遇到了某种情况，我不知道将在机会中创建它的派对记录 ID。这意味着我必须找到一种解决方法来选择特定的聚会记录才能编辑文件。

如果我使用 Chrome 工具或在 cypress 中执行以下操作，我可以调用该元素，但它不会打开或单击任何内容:

       cy.document().then((doc) => {
                const edit = doc.querySelectorAll("a")[41]
                const click = doc.querySelectorAll("a")[42]
                edit.click()
                click.click()

            })

问题是 cypress 没有发出任何点击，我无法前进。有谁知道在这些情况下我们可以做什么？

这是向下箭头元素:

Answer 1

您可以使用eq()直接获取第二个下拉菜单并对其执行 click() 。

cy.get('svg[data-key="down"]')             // select all dropdowns
  .eq(1)                                   // select the second
  .click();

或者您可能需要定位 <use href...>元素，

cy.get('svg[data-key="down"]')             // select all dropdowns
  .eq(1)                                   // select the second
  .find('use')                             // since this element has the href
  .click();