javascript - 如何使用 Cypress 控制元素中的文本？

Question

我正在使用 Cypress 进行测试。我想确保在页面上收集某些数据，但不会在 html 中显示。为此，我添加了隐藏的 html 元素，如下所示:

<div class="hidden">
    <p id="c.campaign">3005</p>
</div>

现在我想使用我的 Cypress 测试来确保页面中保存了一个事件。这是我目前所拥有的:

cy.get('#c.campaign').should('not.be.visible').invoke('text').then((text) => {
    cy.log(text)
})

should not be visible 是必要的，因为它隐藏了元素，否则找不到它。它应该记录 3005 但什么也没有出现。

Answer 1

原来问题出在我的类以“.”命名。我相信那破坏了 jquery 文本函数。我将我的类(class)更改为这种格式

<p id="test-campaign">3005</p>

现在这段代码可以工作了。

  cy.get('#test-campaign')
    .should('not.be.visible')
    .invoke('text').then((text) => {
      campaign = text
      cy.log('campaign',  text)
    })