时间戳

首页 > 解决方案 > 赛普拉斯识别元素但在元素旁边单击

cypress - 赛普拉斯识别元素但在元素旁边单击

问题描述

我尝试单击模态对话框中的按钮。

html 如下所示：

<div slot="buttons" class="modal-footer au-target" au-target-id="92"> 
    <button class="btn btn-primary au-target" 
        id="buttonNein" 
        name="buttonNein" 
        click.delegate="clickedNein()" 
        au-target-id="352">Cancel</button>
    <button class="btn btn-primary au-target" 
        id="buttonJa" 
        name="buttonJa" 
        click.delegate="clickedJa()" 
        data-backdrop="false" 
        disabled.bind="isJaDisabled"
        au-target-id="354">Delete</button>
    <!--slot--> 
</div>

模态显示需要一些时间，所以我必须等待它可见。测试代码如下所示：

cy.get('#buttonJa').should('be.visible').click();

现在 Cypress 似乎识别出正确的按钮，因为它在 TestRunner 中突出显示，但 Cypress 没有单击它，在 TestRunner 中，它显示为好像 Cypress 在按钮上方单击一样。我截取了一个截图来说明错误：

说明错误

我厌倦了在 Chrome 浏览器和 Electron 版本中运行测试，两者都以相同的结果失败。我也玩过视口分辨率，它没有显示任何效果。

先感谢您

标签： cypress

解决方案

推荐阅读