Как утешить текст в элементе с помощью 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)
})

Не должен быть видимым необходимо, поскольку элемент, который он скрыл и не находит его в противном случае.Это должно быть логирование 3005 , но ничего не появляется.

Answer 1

Оказывается, проблема в том, что мои классы были названы символом '.'. Я считаю, что это нарушало функцию текста jquery. Я изменил мои классы на этот формат

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

и этот код теперь работает.

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