elementIdText API breaks in Version 2.x.x while selecting a value from list of dropdown values

[suraj007118]

Problem : One has to use selenium 4 hard coded string "element-6066-11e4-a52e-4f735466cecf" to click on element by ID

*********** Working code NW v 1.7.11 **********************************

 this.elements(
      dropDownOptionsWebElement.locateStrategy,
      dropDownOptionsWebElement.__selector,
      options => {
        options.value.forEach(v => {
          this.elementIdText(v.ELEMENT, result => {
            if (result.value === dropDownOptionToSelect) {
              this.elementIdClick(v.ELEMENT, () => { console.log(`Selected the ${dropDownWebElement} option: ${dropDownOptionToSelect}`) });
            }
          });
        });
      }
    );
    done();
  });

**********Working code NW v2.3.0 and above ********************************

this.elements(
     dropDownOptionsWebElement.locateStrategy,
     dropDownOptionsWebElement.__selector,
     options => {
       for(let i = 0; i < options.value.length; i++) {
         debugger
         this.elementIdText(options.value[i]["element-6066-11e4-a52e-4f735466cecf"], result => {
         
           if (result.value === dropDownOptionToSelect) {
             debugger
             this.elementIdClick(options.value[i]["element-6066-11e4-a52e-4f735466cecf"]);
             i = options.value.length;
           }
         });
       }
     });
   done();
 });

[suraj007118]

v.ELEMENT is getting replaced with options.value[i]["element-6066-11e4-a52e-4f735466cecf"]

[gravityvi]

Hey @suraj007118 Thanks for raising this. I think you can use element.getId() to get the element ID instead of using hard-coded string. In your case it would be options.value[i].getId(). Let us know if you still face any issues.

[suraj007118]

I need to get element text that is the reason I had to use elementIdText , will element.getId() help me getting text?

[suraj007118]

or you mean use it like:
this.elementIdText(options.value[i].getId(), result => {

       if (result.value === dropDownOptionToSelect) {

[suraj007118]

It did not work, got below error:
options.value[i].getId is not a function

[gravityvi]

@suraj007118 you can try using findElements instead of elements command and then options.value[i].getId() will work fine. Here is an example test:

  it('find elements', function() {
    browser.navigateTo('https://nightwatchjs.org')
      .findElements('css selector', 'div', result => {
        result.value.forEach(v => console.log(v.getId()));
      });
  });

[suraj007118]

THANKS IT worked