Problem with identifying dynamically generated elements using Mobile Testing

[hasantha]

Telerik Mobile Testing uses name-value pair properties that specify one or more attributes of the target element that we want to operate. So what about dynamically(on the fly) generated elements? How can we identify a dynamically(on the fly) generated element without knowing the values of attributes of that element? 

We have an hybrid android application and  in a certain UI in the application, we have a html table which populates itself dynamically  with values from a data base. Each retrieved value is placed inside a dynamically generated <td> element  inside the <table> element and note that these dynamically generated <td> elements do not have unique ids.  So how can we identify these <td> elements uniquely?  

[Shtilianov]

Hello,

Unfortunately, there is no simple way to get dynamicaly generated element by their value. There are a number of other ways to do that tough.

The simplest way is to get the <td> elements by searching them by tag and index, for example:

// finds all td elements, then selects the element at index 0 (the 1st `td` tablecell)

{tagName: 'td', index: 0}


Another way is to get all of the elements in the table and loop through them and filtering them by value:

// put all table cells in an array
var tds = document.getElementsByTagName('td);

for (i = 0; i < tds.lenght; i++) {
if (tds[i].value == "desiredValue")
{
// return the tablecell
return tds[i];
}
}

To make this script execute on the web app under test you have to put it in executeScript like this (Note: you have to put the whole script from above into a single string, check this article)

var scriptAsString = "for (i = 0; i < tds.lenght; i++) { if (tds[i]......";

web.executeScript(scriptAsString, function(r) {
    // r is the tablecell that we get from from the script
    console.log(r);
    web.click(r);
    });


Regards,
Shtilianov
Telerik