单击弹出窗口中的链接

Question

我在点击弹出窗口中的链接时遇到问题。 点击按钮后，弹出窗口显示约 3 秒：

<toast-container class="ng-tns-c12-31 ng-star-inserted">
<div class="toast-top-center" id="toast-container" style="position: fixed;">
  <!----><div class="toast toast-info ng-star-inserted ng-animating">
    <!----><div class="toast-close-button ng-tns-c12-31 ng-star-inserted" style="">×
    </div> 
    <!---->
    <div class="ng-tns-c12-31">
      <!----><span class="toast-message ng-star-inserted" style="">Section will removed. <a class="toast-link">Cancel</a></span>
      <!---->
    </div>             
  </div>
</div>
</toast-container>

我试图点击“取消”

element(by.partialLinkText('Cancel'))

和

var cancelLink = $('#toast-container a');
browser.executeScript("arguments[0].click();", cancelLink)

但是链接没有被点击。我不知道怎么做 断言在此弹出窗口上正常工作

var toastMessageBox = $('#toast-container');
    this.assertClearSelectionToastMessage = function () {
        expect(toastMessageBox.$('span').getText()).toBe(toastText)
        return this;
    }

Answer 1

也许您可以尝试使用Webdriver Actions builder 强制点击链接？

大致如下： browser.wait(protractor.ExpectedConditions.visibilityOf(element(by.css('a.toast_link'))), 5000); driver.actions().click(element(by.css('a.toast_link'))).perform();

问题在于它只适用于桌面浏览器——它还没有在 Appium 中实现——所以如果你也在移动浏览器上进行测试，你可能需要引入一些逻辑来做不同的事情。

Answer 2

弹出窗口尚未加载。该链接不可见，因此无法单击。您必须等待弹出窗口出现。

元素可能是可点击的，而点击元素什么也不做。

见：https://stackoverflow.com/a/21387564/1997776

@Jonny Leeds 指出：

需要注意的主要事项是按钮是否已启用。您仍然可以单击它们，并且没有任何东西会掉下来，并且元素在那里，但它还没有准备好被单击，所以什么都不做。