Cypress 如何选择某个元素中的第 n 项？

在Cypress中选择某个元素内部的第n个子元素，可以使用.children()来获取所有子元素，然后使用.eq(index)来选取特定索引的子元素。索引是从0开始的，所以如果您想选择第n个子元素，您需要使用.eq(n-1)。这里有一个具体的例子：

假设我们有如下的HTML结构：

html
<div class="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

如果你想选择这个父元素内的第二个子元素，你可以这样写Cypress测试代码：

javascript
cy.get('.parent').children().eq(1).should('contain', 'Child 2');

在这个例子中：

• .get('.parent') 选择了类名为parent的元素。
• .children() 获取了这个父元素的所有直接子元素。
• .eq(1) 选择了这些子元素中的第二个（索引为1）。
• .should('contain', 'Child 2') 是断言，检查选中的元素是否包含文本"Child 2"。

如果您想选择第n个子元素，请确保将n减去1，然后放在.eq()中，因为索引是基于0的。