Hi I am automating a page which has Kendo components. It has a table. Regarded table is here:
<table tabindex="-1"
class="k-grid-table"
role="presentation"
style="transform: translateY(0px);">
<colgroup role="presentation">
<col class="k-sorted" width="340px">
<col width="440px">
<col width="340px">
<col width="340px">
<col>
</colgroup>
<tbody role="presentation">
<tr class="k-master-row k-state-selected" role="row" _rowid="7ffec669-e2a1-59dc-bb11-210863485e21" style="height: 30px;">
<td class="sc-fubCfw irPtrP k-text-left sticky-last k-grid-content-sticky undefined select-cell" style="left: 0px; right: 0px;">
<i title="New" class="sc-fKFyDc gzkmxX dfI_G11_EntityTrackerNew"></i>
</td>
<td class="sc-fubCfw irPtrP k-text-left undefined">
</td>
<td class="sc-fubCfw irPtrP k-text-left undefined"></td>
<td class="sc-fubCfw irPtrP k-text-left undefined">
</td>
<td colspan="1"
class=" phantom k-text-left k-text-left "
role="gridcell" aria-colindex="5" aria-selected="false" _customized="true"></td>
</tr>
</tbody>
</table>
But when I try to reach first element and send some text I got this error: Coypu.MissingHtmlException: Unable to find xpath: //*[@class="sc-fubCfw irPtrP in-edit-padding k-text-left sticky-last k-grid-content-sticky undefined select-cell"]
As you seen in the error, element is different. It is normally hidden and changes when I click on it. So I tried to reach it (InnerClassElement)
string test = "Test";
OuterClassObject.Click();
// Thread.Sleep(1000);
// InnerClassElement.SendKeys(test);
// OuterClassObject.SendKeys(test);
InnerClassElement.FillInWith(test);
But I couldn't reach it. With the FillInWith() method I can see cursor is inside the table but it is not typing. And it throws Element is not reachable error.
How can I interact with that inner element and send text to it.
My framework is SpecFlow, Selenium and C#.
Regards.