Typescript Cypress + TS，如何获得包含双引号的第二个文本

发布于09月04日

我拿到这个网页是为了测试索赔编号.但我不能提取同样的东西.

<h1 class="jss41 undefined" style="text-transform: capitalize; display: flex; align-items: center; margin-bottom: 0.5rem;">
"Claims #"
"75078"
</h1>

我想要获取的XPath是

export const getClaimsHeader = () => cy.xpath("//h1[contains(@class,'undefined')]")

这是我正在try 获取索赔编号的代码

  getClaimsHeader()
  .each((header) => {
    claimNum = header.text().split('#');
    actualClaimNumber = claimNum[1];
    
  })
  .then(() => {
    expect(claimNumber).to.equal(actualClaimNumber);
  });

但是actualClaimNumber显示为空白，因为header.text()只返回"Claims#"

推荐答案

您可能在<h1>中包含了TextNode，尽管这在HTML中并不明显.

如果是这样的话，下面是一个可以try 的函数，它应该返回数组中的所有extNode:

function getTextNodes($el) {
  const childNodes = $el[0].childNodes
  const textNodes = [...childNodes].filter(child => child.nodeType === Node.TEXT_NODE)
  const texts = textNodes.map(textNode => textNode.nodeValue.trim())
  return texts
}

像这样使用它

getClaimsHeader().each((header) => {
  const texts = getTextNodes(header);
  console.log(texts)              // check which part of the array is the number
  const claim = texts[1]          // for example
})

既然您使用的是.each()，我想应该有多个标题？

如果是这样，您的.then()不会收到每个索赔编号，而只收到最后一个索赔编号.