赛普拉斯 - 返回包含多个特定字符串的元素答案

【问题标题】：Cypress - Returning an element containing multiple specific strings赛普拉斯 - 返回包含多个特定字符串的元素
【发布时间】：2025-12-28 04:15:12
【问题描述】：

我正在尝试使用 Cypress 进行自动化测试，其中涉及验证约会信息是否正确输入到我们的系统中。为了找到约会信息，我在显示用户的表格上找到日期和时间，并从那里验证其余数据。所以我的主要目标是找到与传递到脚本中的约会信息相匹配的日期/时间。

我的问题是，我们的网站根据小时槽包含的位数不同呈现日期/时间。为了保持间距，个位数小时（例如下午 3:40）在日期和时间之间包含两个空格。多位数小时（如上午 11:23）仅包含一个空格。

我需要找到与我传递给函数的日期/时间相匹配的日期/时间，然后搜索相应的行以确保所有其他约会信息都是正确的。

我们尝试使用 .and（仅作为断言，因此它不会为我们返回元素）、正则表达式（使用 /s+ 表示任意数量的空格）和 for 循环，但没有这些正在返回我们需要的元素。

var apptProvider = new Cypress.Promise(resolve => {
    cy.get('.appointments > tbody > tr')
      .contains(Cypress.moment(apptInv[2], 'dddd MMMM Do YYYY')
            .format('ddd MM/DD/YY')
            .toString()+" "+
            Cypress.moment(apptInv[3], 'h:mm:ss a')
              .format('h:mm A')
              .toString(),
        )
      .parent()
      .within(() => {
        cy.get('td:nth-child(2)').then($providerText => {
          resolve($providerText.get(0).innerText);
        });
      });
  });

apptInv 是一个包含以下内容的数组： 0) 提供者名称 1) 办公地址 2) 预约日期 3) 预约时间

【问题讨论】：

标签： cypress

【解决方案1】：

您不应依赖文本表示来缩小此处的约会范围，因为它复杂、棘手且容易更改。相反，您可以生成不受任何 UI/UX 更改影响的更简单的唯一键。例如

<tr data-cy='${appointment.provider + appointment.date + appointmentTime}'>
....
</tr>

然后用 cy.get('[data-cy=....]')

选择一个约会

【讨论】：