无法使用 Capybara 通过 Appium 在移动视图（iOS）上单击按钮/链接

Question

无法使用 Capybara 通过 Appium 在移动视图 (iOS) 上单击按钮/链接

我的设置：

我正在移动视图 (iOS) 上测试网站。在桌面上它工作正常（使用 Capybara），但是当我使用 Capybara 通过 Appium 在移动视图（iOS）上进行测试时，测试卡在一个按钮上，该按钮可见但 Capybara 无法单击它。

HTML：

<div id="HeaderContent" class="accordion-content" style="display: block;">        

<div id="CompMessageContainer" class="content row hidden">
    <div role="alert" aria-atomic="true" aria-relevant="all" aria-live="assertive">
        <div class="uiMessaging alert-box radius success" id="ui-alert-message">
            <div>
                <div>
                    <div class="positiveCompMessageIcon"></div>
                </div>
                <div>
                    <div id="CartAlertMessage">

                    </div>
                    <ul id="cartAlertMessageDetails" class=" hidden">                            
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="milAndFirstRespContent">
    <div id="cartBottomAlternateDiscountOptions">
        <div id="compText">
            Random Text.
        </div>
        <div class="desktopComp-btn-container">
            <a id="imgMil" href="#" class="login-trigger left utrack" data-scope="mil" data-track-event="CompTrigger">
                <div class="desktopCompMilBtn"></div>
            </a>
            <a id="imgResp" href="#" class="login-trigger left utrack" data-scope="responder" data-track-event="CompTrigger">
                <div class="desktopCompRespBtn"></div>
            </a>
            <div class="desktopCompLogo"></div>
            <div id="desktopCompVerified" class="hidden">
                <div class="desktopCompVerified"></div>
                <div id="desktopCompStatus">&nbsp;Status Verified</div>
            </div>
        </div>
        <div>

        </div>
    </div>
</div>
    </div>

我尝试单击<div class="desktopCompMilBtn"></div> 按钮或a id="imgResp" 元素。

pry(#<Object>)> find("div.desktopCompMilBtn").visible?
=> true

pry(#<Object>)> find("div.desktopComp-btn-container").visible?
=> true

pry(#<Object>)> find("div.desktopComp-btn-container").find("div.desktopCompMilBtn").visible?
=> true

pry(#<Object>)> find("div.desktopComp-btn-container").find("div.desktopCompMilBtn").click
=> nil

pry(#<Object>)> find("div.desktopComp-btn-container").find("a#imgMil").visible?
=> true

pry(#<Object>)> find("div.desktopComp-btn-container").find("a#imgMil").click
=> nil

pry(#<Object>)> find("div.desktopComp-btn-container").find("a#imgMil").find("div.desktopCompMilBtn").click
=> nil

不幸的是，到目前为止，在能够单击该按钮方面没有任何效果。顺便说一句，按钮应该打开一个新窗口，不确定是否重要。

Answer 1

如果没有实际测试失败的详细信息和绑定到点击的 JS，就不可能 100% 确定您遇到了什么问题。 #click 返回 nil 的事实并不意味着链接/div 未被点击。在这种情况下，它更有可能被点击了，但应该处理点击的 JS 并没有按照您的预期执行，因为 iOS 中的 Safari 会阻止弹出窗口由除真实用户点击之外的任何东西启动 - 请参阅 @987654321 @

您可以通过让点击处理程序做一些不同的事情来确认这种情况（警报、更改元素的颜色等）并确认它确实被调用了