Cypress :查找特定 td 元素的内容

Question

我需要根据该行中下一个 td 元素的内容来查找特定 td 元素的内容。

标记(简化):

<table id="oversiktOverSoknaderTable">
 <tr data-e2e-selector="soknad-linje">
  <td data-e2e-selector="status">Trukket</td>
   <td data-e2e-selector="soknadProsjektNavn">Endret søknad</td>
   <td>Lån</td>
   <td data-e2e-selector="soknadId" id="2"></td>
 </tr>
 <tr data-e2e-selector="soknad-linje">
  <td> ...

可以有多个行，所有行都具有相同的选择器 (data-e2e-selector="soknad-linje">。目前的问题是验证是否为正确的名称显示了正确的状态。(抱歉没有翻译选择器名称，但我认为它们是不言自明的。)

我想要做的是使用 .should('contain'.'value') 来验证 data-e2e-selector="status"中的文本是否符合数据所在行的“Trukket”- e2e-selector="soknadProsjektNavn"是“Endret søknad”。 (如上例所示。)

想法？

Answer 1

这样的，你可以做

cy.contains('td', 'Endret søknad')
  .sibling('[data-e2e-selector="status"]')
  .should('contain', 'Trukket')

其中 sibling() 采用选择器来指定哪一个。