单击弹出窗口中的链接

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

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

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

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

@Jonny Leeds指出：

要注意的一件大事是按钮是否启用。你仍然可以点击它们，没有任何东西会掉下来，元素就在那里，但是它还没有准备好被点击，所以什么都不要做。

Answer 2

也许你可以尝试使用网络驱动程序操作生成器强制点击链接？

类似于：浏览器的东西。wait（量角器、预期条件、可视性（元素）（by.css（'a.toast_link'）），5000）；驾驶员动作（）。单击（元素（by.css（'a.toast\u link'））。执行（）

问题是它只在桌面浏览器上工作——它还没有在Appium中实现——所以如果你也在移动浏览器上测试的话，你可能需要引入一些不同的逻辑。