Unable to get Text of td developed using react

Product Forums Katalon Studio
1

Hi ,

I am able to identify the list from table which is developed in react but unable to get the test of td. When I am trying to do it, katalon throws a stale element exception.

Html code :

shiva, kumar Daniel, Warner

I want to get text Daniel, Warner , shiva, kumar

Code I have developed:

import static com.kms.katalon.core.testcase.TestCaseFactory.findTestCase
import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject

import org.openqa.selenium.WebElement

import com.kms.katalon.core.model.FailureHandling
import com.kms.katalon.core.webui.driver.DriverFactory as DriverFactory
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI

WebUI.callTestCase(findTestCase(‘LoginTest_0001’), [:], FailureHandling.STOP_ON_FAILURE)

WebUI.click(findTestObject(‘UserManagement_Objects/UserManagementLeftSideMenu’))

//Wait for any search fields found
boolean isSearchByNameVisible = WebUI.waitForElementPresent(findTestObject(‘UserManagement_Objects/SearchByNameTextBox’),
15)

WebUI.sendKeys(findTestObject(‘UserManagement_Objects/SearchByNameTextBox’), SearchByNameTestData)

WebUI.waitForPageLoad(15)

List listOfNames = WebUI.findWebElements(findTestObject(‘Object Repository/UserManagement_Objects/NameSearch_Column’), 10)

for(WebElement e :listOfNames ) {

WebUI.println("***********************************")


WebUI.println(	e.getText())

}

Xpath for NameSearch_Column : //td[@class=“mat-cell cdk-cell cdk-column-name mat-column-name ng-star-inserted”]

Thanks in advance!

2

Plz for gods sake format that code using the triple backticks!

Also, you need to show us the HTML elements in order for us to help you with this.