Как я могу получить HTML-код скрытого элемента в Cypress?

Question

У меня есть скрытый элемент div на странице, на который я хотел бы получить ссылку в Cypress, чтобы я мог получить его текст и утверждать на нем. Насколько я могу судить по документации API, я не вижу никакого способа сделать это. Вы можете использовать опцию { force : true }, чтобы заставить Cypress нажимать на то, что, по его мнению, не может, но для этого нет возможности заставить Cypress искать элементы, которые не видны пользователю, но находятся в домене.

Элемент скрыт на дом в стиле display: none. Это только одна из многих причин, по которым Cypress считает элемент «скрытым» и не находит его. https://docs.cypress.io/guides/core-concepts/interacting-with-elements.html#Visibility

Я прочитал документацию по API и в основном пробовал cypress.get ()

Answer 1

Я создал скрытый div в своем HTML, приведенный ниже тест успешно выполняется в Cypress. Свойство отображения для этого div в css #hiddenDiv1{ display:none; }

describe('Hidden text', function() {
  it.only('Test for the hidden text', function() {
   cy.visit('url goes here')
   cy.get('#hiddenDiv1').invoke('text')
      .then((text)=>{
        const divTxt = text;
        expect(divTxt).to.contain('Life is Beautiful!');
      })

  })
})

Answer 2

Когда я ищу что-то, что скрыто, я всегда просто добавляю .should ('not.be.visible') к поиску, и он забирает это.

Не уверен, подходит ли вам это, но надеюсь, что это поможет.