Automation cypress如何测试数据状态是可视的

以下是场景：

我点击一个按钮，弹出窗口出现，我想测试当我点击按钮时，弹出窗口应该是可见的

示例代码：

<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

cy.get（'#bt'）。单击（）
//单击此按钮后，我需要测试“new_div”的数据状态是否可见
cy.get（'#new_div'）。应该（'have.data state'，'visible'）//类似这样的内容

您可以执行以下操作：

cy.get（'[data state=visible]'）。应该（'be.exist'）

当弹出窗口可见时，它基本上会检查这个标签是否存在于DOM中。 当然，最好的方法是从打开的弹出窗口中抓取选择器