I'm currently in the process of automating a web interface that contains frames built with Angular JS. I'm specifically looking to access an ng-repeat located within dynamic columns.
Here's a snippet of the DOM structure I'm dealing with :
<div class="containCol__col column-animation col0" ng-repeat="column
in sbCtrl.SlideboardStore.columns track by`
sbCtrl.getUniqueColumnId(column)" column-id="emptydata" ng-class="
{'enabled': column.showNewCardInput, 'containCol__col__collapsed':
column.isCollapsed}" style="opacity: 1;">
As you can observe from the code snippet, the ng-repeat pattern is dynamic and tied to the Column ID:
ng-repeat="column in sbCtrl.SlideboardStore.columns track
bysbCtrl.getUniqueColumnId(column)
Here is my Selenium approach :
WebDriverFactory.getDriver().findElement(ByAngular.withRootSelector("#application-container").exactRepeater());
However, my dilemma lies in finding a suitable selector for the repeater since it's dynamic. I initially considered selecting the column first, but since it's not a frame, I am unsure of how to proceed.
Appreciate any help in advance.