I have a dynamic table with 2 columns and n number of rows.In the first column there will be a title and in second column it will be the button to go into details of that title.

I want to iterate through each of the row to find specific text title and click on the second column's button of that title.

I tried many ways searching google but couldn't find anything.

The AngularJS code for that in HTML is as below.

<table>
 <tbody>
 <tr ng-repeat="registration in Registrations | orderBy:'title'" class="tableRow ng-scope">
 <td style="padding-left: 20px;" ng-if="reg.title != 'Jabc'" class="ng-binding ng-scope">test</td>
 <td style="padding-left: 20px;">
 <button ng-click="enter(registration)" class="ng-binding">Enter community</button>
 </td>


 <tr ng-repeat="registration in Registrations | orderBy:'title'" class="tableRow ng-scope">
 <td style="padding-left: 20px;" ng-if="reg.title != 'Jabc'" class="ng-binding ng-scope">test1</td>
 <td style="padding-left: 20px;">
 <button ng-click="enter(registration)" class="ng-binding">Enter community</button>
 </td>



 <tr ng-repeat="registration in Registrations | orderBy:'title'" class="tableRow ng-scope">
 <td style="padding-left: 20px;" ng-if="reg.title != 'Jabc'" class="ng-binding ng-scope">test2</td>
 <td style="padding-left: 20px;">
 <button ng-click="enter(registration)" class="ng-binding">Enter community</button>
 </td>
 </tbody>
</table>

As shown in the above table there are three rows. I want to select the row by name to suppose "test1" and wants to click on the second column's button of the same row.

Here, I got the index of the specific text I'm looking for by writing below code.

 let elm = element.all(by.repeater('registration in myRegistrations'));
 let index;
 elm.getText().then(function(text)
 console.log(text);
 for(var i=0; i<text.length; i++)
 if(text[i] == 'protractor-testing Enter community')
 index = i;
 console.log('Community found :: ' + text[i]);
 
 

 );

 console.log("Index :: " + index);

Now, by this index can I click on the button from the table row = index and second column of the same row?

Below is my whole script.

The conf.js file ..

// An example configuration file
var Jasmine2HtmlReporter = require('protractor-jasmine2-html-reporter');
exports.config = ;

Below is my spec.js file

describe('Testing', function()
 it('perform login', function() 
 browser.get(browser.baseUrl);
 browser.manage().window().maximize();
 console.log("Admin :: " + browser.params.AdminUsername + " " + browser.params.AdminPassword);
 element(by.model('user.userName')).sendKeys(browser.params.AdminUsername);
 element(by.model('user.password')).sendKeys(browser.params.AdminPassword);
 browser.sleep('2000');
 element(by.buttonText('Login')).click();
 element(by.model("newCommunity.title")).sendKeys(browser.params.CreateTitle);
 element(by.model("newCommunity.key")).sendKeys(browser.params.CreateKey);
 let buttons = element.all(by.css("button.ng-binding"));
 let tds = element.all(by.css("td.ng-binding"));
 console.log("Buttons :: " + buttons);
 console.log("tds :: " + tds);
 // var buttons = driver.findElements(By.css("button.ng-binding"));
 // var tds = driver.findElements(By.css("td.ng-binding"));
 for (var i = 0; i < tds.length; i++) 
 console.log("get text for index " + i + " Value :: " + tds[i].getText());
 if (tds[i].getText() == 'protractor-testing') 
 console.log("Got the actual community at : " + i);
 console.log("Clicking button :: " + buttons[i]);
 buttons[i].click();
 break;
 
 

 );
})

Please note that I do not want to use xPath.

Your requirement not to use xpath seems very restrictive as it is by far the best method for your use case mainly because locating based on css does not allow you to do exact matching on the tag text, in your case the title <td>s.

To achieve this using css you will have to use some potentially unreliable chained locators such as

element(by.cssContainingText('tr','test')).element(by.css('button'));

I say unreliable as this locator will actually identify all three of your buttons due to the fact that all three of your title tag contain the characters 'test'. It works in this case but could cause issue in your actual tests.

I would seriously recommend pushing back on that no xpath requirement and going with the following sibling answer provided by C Peck as that will be the most reliable long term.

Well for one thing I would not personally have elements that are identical (in terms of HTML) on the same page if I can control it. But to get your element on the HTML shown, the following should work:
(I'm writing Javascript because of your protractor tag I'm assuming that's how your tests are written)

buttons = driver.findElements(By.xpath("//button"))
buttons[1].click();

However, if you want to find it specifically by the name (for any use case) you could do

buttonWithText1 = driver.findElement(By.xpath("//td[text()[contains(., 'test1')]]/following-sibling::td/button");
buttonWithText1.click();

As @Sers points out below the xpath //td[.='test1']/following-sibling::td/button also works and is the cleanest. Or shortest, at least.

If you want to dynamically use that xpath to find buttons by that text you could use:

var myText = "test1"
driver.findElement(By.xpath("//td[.='" + myText + "']/following-sibling::td/button).click()

EDIT

the user has said that they don’t want to use xpath. Based on the HTML you could use a css selector like this to select the button next to some string myText.

var buttons = browser.findElements(By.css(‘button.ng-binding’))
var tds = browser.findElements(By.css(‘td.ng-binding’))
for (i = 0; i < tds.length; i++) 
 if (tds[i].getText()==myText) 
 buttons[i].click()
 break;
 

You can use xpath to achieve your goal:

//tr[contains(@class,'tableRow') and ./td[.='test']]//button

You can find more examples here.

You do not want to use xpath and barring the innerHTML all the other attribute values of the reference <td> nodes are identical. Now css-selectors doesn't supports innerHTML, so to locate the button adjacent to the element with text as test1 you can use the following css-selectors:

"table>tbody tr:nth-child(2) td:nth-child(2)>button"