在Protractor中无法查找并点击列表元素的问题求助

看起来你在使用Protractor操作Angular项目的搜索列表时遇到了问题，咱们一步步来解决：

首先，先拆解element.all is not a function这个报错的常见原因：

• 大概率是你误把Protractor全局的element对象当成了普通DOM元素调用，或者不小心覆盖了这个全局变量；也有可能是你在非Protractor的运行环境里使用了这个方法。

结合你给出的HTML结构：

<ul class="results" _ngcontent-c6=""> 
  <li _ngcontent-c6=""> 
    <a _ngcontent-c6="">Swati-testing</a> 
  </li> 
  <li _ngcontent-c6=""> 
    <a _ngcontent-c6="">Swati-dev</a> 
  </li>
</ul>

这里给你几种实用的解决方案：

方案1：直接通过链接文本定位点击（最简便） #

如果目标元素的文本是固定的，直接用链接文本定位是最高效的：

// 直接定位到对应文本的链接并点击
element(by.linkText('Swati-testing')).click();

方案2：用element.all（或简写$$）批量获取元素后筛选 #

Protractor里$$是element.all(by.css(...))的简写，用起来更顺手：

// 获取所有搜索结果的链接元素
const resultLinks = $$('.results li a');

// 方式1：点击第一个搜索结果
resultLinks.first().click();

// 方式2：根据文本筛选出目标元素后点击
resultLinks.filter(elem => elem.getText().then(text => text === 'Swati-dev'))
  .first()
  .click();

方案3：先等待列表加载完成再操作 #

有时候搜索结果不会立刻渲染出来，建议先加个等待，避免元素未加载导致的异常：

const EC = protractor.ExpectedConditions;
// 等待结果列表可见，超时时间设为5秒
browser.wait(EC.visibilityOf(element(by.css('.results'))), 5000);

// 等列表加载完成后再执行点击
element(by.linkText('Swati-testing')).click();

排查报错的关键注意点 #

• 检查是否不小心覆盖了全局的element变量，比如你自己定义了一个同名变量，会直接导致Protractor的全局API失效；
• 确认代码是在Protractor测试框架下运行，而非普通浏览器控制台（控制台里没有Protractor的全局方法）；
• 如果是先定位父元素再调用all()，要确保父元素是用Protractor的element()获取的，比如：

  // 正确写法
  const resultsList = element(by.css('.results'));
  resultsList.all(by.tagName('li')).first().click();
  

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