кипарис, как проверить состояние данных видимо

Question

Вот сценарий:

Я нажимаю кнопку, и появляется всплывающее окно, и я хочу проверить, когда я нажимаю кнопку, всплывающее окно должно быть видно

Пример кода:

<button id='bt'>
<div id ='new_div' data-state = visible >

cy.get('#bt').click() 
//after clicking this I need to test data-state of "new_div" is visible/not
cy.get('#new_div').should('have.data-state','visible') //something like this

Answer 1

Вы можете сделать это:

cy.get('[data-state = visible]').should('be.exist')

Он будет в основном проверять, присутствует ли этот тег data-state = visible в вашей DOM или существует в тот момент, когда всплывающее окно видно. Но лучший способ, конечно же, это выбрать селектор из открытого всплывающего окна!