赛普拉斯中不出现模态/弹出窗口答案

【问题标题】：Modal / Pop-up window does not appear in Cypress赛普拉斯中不出现模态/弹出窗口
【发布时间】：2020-09-14 15:24:30
【问题描述】：

我有一个页面，当您访问该站点时，会出现一个模式/对话框窗口。但是，当我通过赛普拉斯运行它时，它似乎没有出现在跑步者身上。示例代码：

cy.visit('http://demo-site.com')
cy.get('[id="modal"]').invoke('show') // This works so it seems the element can be found.
.get('[id="ok-button"]').click(); // This does not work as this is an element inside the modal

元素控制台的片段：

<div id="modal">
 <div class="modal-container">
  <div class="ui-container">
   <div class="ui-mask ui-mask-is-active" aria-hidden="false">
    <section class="ui-modal ui-modal-layout" tabindex="0" role="dialog">
     <footer class="ui-modal--footer ui-actions ui-actions-layout">
      <button id="ok-button" type="button">OK</button>
     </footer>
    </section>
</div></div></div></div>

注意：我已经查看了这个博客，但问题是日历模式出现在我这里，它没有：https://www.cypress.io/blog/2019/01/22/when-can-the-test-click/

【问题讨论】：

标签： javascript testing automated-tests cypress e2e-testing

【解决方案1】：

我不明白这个问题，但如果您无法单击显示模式的按钮，您可以执行以下操作： cy.wait(500);点击前显示模态：

cy.visit('http://demo-site.com')
cy.url().should("equal", 'http://demo-site.com');
cy.wait(500);
cy.contains("Şifremi Unuttum?").click({
        force: false
});

希望对你有帮助:)

【讨论】：