搜索标题，单击其图标-量角器

Question

我正在使用量角器（茉莉花，打字稿），在这种情况下需要帮助：

我有这样的结构：

<div class="row">
  <span class="name1">
    name
  </span>
  <i class="close-icon1">
   close
  </i>
</div>
<div class="row">
  <span class="name2">
    name
  </span>
  <i class="close-icon2">
    close
  </i>
</div>

我需要一个类似的功能

public clickRemove(itemName: string): void {
  // some code
}

此代码需要搜索“行”，找到“ itemName”，然后单击其“关闭”；关于如何解决这个问题有什么想法吗？

Answer 1

    public clickRemove(itemName: string): void {

    let itemsArray = element.all(by.css('div.row>span'));
    let closeIconArray = element.all(by.css('div.row>i'));

    for(let i=0;i< itemsArray.count();i++){
    itemsArray.get(i).getText().then((Name: string)=>{
    if(Name===itemName){
    closeIconArray.get(i).click();
    }
   }
 }}

希望以上功能对您有所帮助。

Answer 2

public async clickRemove(itemName: string) {
   let element = await element(by.xpath(`//span[contains(text(),"${itemName}")]/following-sibling::i`))
   await element .click()
   await console.log(`${itemName} removed`)
}