Поиск заголовка, нажмите на его иконку - транспортир

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» и щелчка по его «close»;Есть идеи, как решить эту проблему?

Answer 1

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`)
}

Answer 2

    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();
    }
   }
 }}

Надеюсь, выше функция поможет вам.