使用Cypress定位Trello中新创建卡片的方法求助

针对你遇到的Trello卡片动态序号导致定位失败的问题，以下是几个实用的解决方案：

方案1：通过卡片标题文本精准定位 #

利用卡片的固定标题内容直接匹配，这是最直观可靠的方式：

// 定位标题为"new card"的卡片并点击
cy.contains('.list-card-title', 'new card').click()

说明：.list-card-title是卡片标题的专属类，结合contains匹配文本，完全避开动态ID的影响。

方案2：按列表内的位置定位 #

新创建的卡片通常会出现在列表的顶部或底部，可通过位置伪类定位：

// 定位列表1中的第一个卡片（新创建的卡片通常在顶部）
cy.get(':nth-child(1) .list-card-title').first().click()

// 若新卡片在列表底部，改用last()
// cy.get(':nth-child(1) .list-card-title').last().click()

方案3：模糊匹配href属性 #

原href中-new-card是固定后缀，使用属性包含选择器匹配：

// 匹配href包含"-new-card"的卡片标题
cy.get('[href*="-new-card"] > .list-card-details > .list-card-title').click()

说明：[href*="xxx"]表示匹配href属性值包含xxx的元素，无视中间的动态数字。

方案4：缩小范围链式定位 #

先锁定目标列表，再在列表内部查找卡片，避免全局查找的干扰：

// 先获取列表1容器，再在其中查找指定标题的卡片
cy.get(':nth-child(1) .list')
  .find('.list-card-title')
  .contains('new card')
  .click()

内容的提问来源于stack exchange，提问作者tester mike