Protractor自动化测试：弹窗内Cancel链接点击失败求助

看起来你遇到的问题是弹窗里的Cancel链接明明能被断言检测到，但就是点击不了——这大概率是弹窗的动画状态或者元素未完全就绪导致的，毕竟你提到弹窗会显示约3秒，而且HTML里还有ng-animating类，说明动画过程中元素可能处于不可交互状态。下面几个方案你可以试试：

方案1：等待元素完全可点击 #

Protractor自带的ExpectedConditions可以帮我们等待元素进入可点击状态，比直接点击更可靠：

const EC = protractor.ExpectedConditions;
// 更精确地定位链接，加上类名避免歧义
const cancelLink = element(by.css('#toast-container a.toast-link'));

// 等待元素可见且可点击，超时时间设为5秒（覆盖弹窗显示的3秒）
browser.wait(EC.elementToBeClickable(cancelLink), 5000);
cancelLink.click();

方案2：等待弹窗动画结束 #

既然弹窗有ng-animating类，说明动画在执行时元素可能无法响应点击，我们可以等这个动画类消失后再操作：

const EC = protractor.ExpectedConditions;
const toastElement = element(by.css('.toast.toast-info'));

// 等待动画类消失，确保弹窗稳定下来
browser.wait(EC.not(EC.presenceOf(toastElement.element(by.css('.ng-animating')))), 3000);
// 再执行点击
element(by.css('#toast-container a.toast-link')).click();

方案3：确保获取到原生DOM元素再执行脚本 #

你之前用executeScript的方式可能因为元素还没完全加载到DOM里导致失败，试试先获取原生WebElement再执行点击：

element(by.css('#toast-container a.toast-link')).getWebElement().then(function(linkDOM) {
    browser.executeScript("arguments[0].click();", linkDOM);
});

为什么断言能成功但点击不行？ #

因为你的断言只需要获取元素的文本内容，只要元素在DOM中存在、文本已渲染就能通过；但点击操作要求元素处于可交互状态（没有被动画遮挡、不在不可点击的状态），所以会出现断言过了但点击失败的情况。

内容的提问来源于stack exchange，提问作者gagatek