Protractor点击p-dropdown报错：元素不可点击，其他元素接收点击

从你提供的DOM结构和报错信息来看，问题出在你定位的元素并不是实际接收点击事件的触发区域——PrimeNG的p-dropdown组件把展开下拉列表的点击事件绑定在了右侧的下拉箭头按钮上，而不是整个p-dropdown容器或者label元素，这就是为什么你点击它们会提示被其他元素拦截。

试试以下几种解决方案：

1. 直接定位下拉触发箭头按钮 #

定位到p-dropdown内部的.ui-dropdown-trigger下的可点击span元素，这是组件设计里专门用来展开下拉的按钮：

// 定位触发按钮
const dropdownTrigger = element(by.css('p-dropdown[formcontrolname="currId"] .ui-dropdown-trigger .ui-clickable'));
// 点击展开下拉列表
dropdownTrigger.click();

2. 结合等待条件确保元素可点击 #

如果页面存在加载延迟或者元素短暂被遮挡，建议先等待元素变为可点击状态再执行点击，避免因元素未就绪导致的拦截报错：

const EC = protractor.ExpectedConditions;
const dropdownTrigger = element(by.css('p-dropdown[formcontrolname="currId"] .ui-dropdown-trigger .ui-clickable'));

// 等待元素可点击，超时时间设置为5秒
browser.wait(EC.elementToBeClickable(dropdownTrigger), 5000);
dropdownTrigger.click();

3. 备选方案：通过JavaScript强制点击 #

如果以上方法还是不行，可以尝试用JavaScript直接触发点击事件（绕过Protractor的元素可见性检查，适合处理特殊遮挡场景）：

const dropdownTrigger = element(by.css('p-dropdown[formcontrolname="currId"] .ui-dropdown-trigger .ui-clickable'));
browser.executeScript('arguments[0].click();', dropdownTrigger.getWebElement());

补充说明 #

PrimeNG的p-dropdown是封装过的自定义组件，它的视觉容器（p-dropdown标签、label元素）只是展示用的，实际的交互逻辑（展开下拉列表）是绑定在右侧的箭头触发按钮上的。另外你报错里提到的<a>元素，大概率是页面上的悬浮元素（比如导航栏、临时弹窗遮罩）短暂遮挡了目标元素，使用等待元素可点击的方法就能解决这类问题。

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