Search title, click on its icon - protractor

Question

I'm using protractor (jasmine, typescript) and need a help with this case:

I have a structure like this:

<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>

And I need a function like:

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

this code needs to search trough the 'rows', find the 'itemName' and click on its 'close'; Any ideas to as to how to solve this?

score -1 · Answer 1 · answered Dec 18 '18 at 13:27

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

Hope above function helps you.

score -1 · Answer 2 · answered Dec 18 '18 at 14:19

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

answered Dec 18 '18 at 14:19

technodeath

123
3

Search title, click on its icon - protractor

2 Answers2