How to find a Web Element by text in Selenium using Java?

Question

I'm trying to find a dynamic Web Element, so I can't find by ID or Xpath. I tried to found using "Tab" or using another keyboard command unsuccessfully.

On another page with this same condition I tried the following code and it work:

            public void SeachApp() {
            WebElement elem = driver.findElement(By.xpath("//*[contains(text(),'BaseAloca')]"));
                int width = ((WebElement) elem).getSize().getWidth();

                Actions act = new Actions(driver);
                act.moveToElement((WebElement) elem).moveByOffset((width/2)-2 0).click().perform();
        }

But on this new page is not working. This is the page:

HTML code Page 1:

<circle class="bubble" r="48" style="filter: url(&quot;https://us.qlikcloud.com/node/i-0fc3fc8cc088b4fb7/sense/app/b5573a15-e951-45b5-81ed-92ef95c916bc/datamanager/datamanager#bubble-drop-shadow&quot;); fill: url(&quot;https://us.qlikcloud.com/node/i-0fc3fc8cc088b4fb7/sense/app/b5573a15-e951-45b5-81ed-92ef95c916bc/datamanager/datamanager#bubble-fill&quot;);"></circle>

<text class="label" y="5" text-anchor="middle">BaseAloca</text>

There is another page that I can do this click:

HTML code Page 2:

<iframe id="appFrame" ng-mouseenter="refreshCookies()" tenantid="5b5f0e2aa543a3be1cf15913" ng-src="/node/i-01bc83ae6124b5e05/sense/app/22110b43-a3d3-4d3e-8d45-c944f216fbab?instance=qlik-i-01bc83ae6124b5e05" src="/node/i-01bc83ae6124b5e05/sense/app/22110b43-a3d3-4d3e-8d45-c944f216fbab?instance=qlik-i-01bc83ae6124b5e05"></iframe>

<div class="table-inner" ng-class="{ 'selected': isTableSelected(), 'nointeraction':!enableSelection() }" ng-click="selectTable($event)" ng-dblclick="editObject($event)" ng-disabled="true" aria-disabled="true" disabled="disabled">
    <div class="icon lui-icon lui-icon--table" ng-class="{ 'pending-delete': isTableDeleted() }"></div>
    <!-- ngIf: canSplit -->
    <!-- ngIf: showSelectionState  -->
    <div class="table-actions" ng-class="{ 'pending-delete': isTableDeleted() }">
        <!-- ngIf: tableObj.sourceType === 'ScriptTable' -->

        <!-- ngIf: canSplit && !disableButtons && !splitIndividualTablesFeature -->
        <!-- ngIf: canSplit && !disableButtons && splitIndividualTablesFeature -->
        <!-- ngIf: tableObj.isFiltered && !disableButtons && !canSplit -->
        <!-- ngIf: canEdit && !disableButtons --><div class="action-icon lui-icon lui-icon--edit qui-btn-icn lui-btn-div ng-scope" q-title-translation="DataManager.Overview.Tooltip.Edit" ng-if="canEdit &amp;&amp; !disableButtons" ng-click="onTableEditClick($event)" title="Edit this table"></div><!-- end ngIf: canEdit && !disableButtons -->
        <!-- ngIf: canDelete && !disableButtons --><div class="action-icon lui-icon lui-icon--bin qui-btn-icn lui-btn-div ng-scope" q-title-translation="DataManager.Overview.Tooltip.Delete" ng-if="canDelete &amp;&amp; !disableButtons" ng-click="onTableDeleteClick($event)" title="Delete this table"></div><!-- end ngIf: canDelete && !disableButtons -->

    </div>
    <div class="table-information" ng-class="{ 'pending-delete': isTableDeleted() }">
        <div class="table-name ng-binding" ng-bind="tableObj.name" title="BaseAloca">BaseAloca</div>
        <!-- ngIf: tableObj.hint -->
        <div class="table-subtitle ng-binding" ng-bind="tableObj.sourceName" title="Proj.xlsm">Proj.xlsm</div>
    </div>
    <!-- ngIf: !pendingAction --><div class="status-bar ng-scope" ng-class="pendingAction.class" ng-if="!pendingAction">
        <div class="left-side">
            <!-- ngIf: tableObj.fields.length > 0 --><div class="fields ng-binding ng-scope" ng-if="tableObj.fields.length > 0">Fields: 40</div><!-- end ngIf: tableObj.fields.length > 0 -->
            <!-- ngIf: hasGeoField() -->
            <div class="status-icon" ng-class="{true: 'lui-icon lui-icon--script'}[tableObj.sourceType === 'ScriptTable']" q-title-translation="DataManager.Overview.SynchronizeTooltip" title="Click to open the synchronization option for scripted tables"></div>
            <!-- ngIf: tableObj.isFiltered -->
        </div>
    </div><!-- end ngIf: !pendingAction -->
    <!-- ngIf: pendingAction -->

</div>

Can you help me?

Answer 1

You can try following code to identify this particular "bubble" class element:

WebElement elem = driver.findElement(By.xpath("//*[name()='circle'][contains(@style,'https://us.qlikcloud.com/node/i-0fc3fc8cc088b4fb7/sense/app/b5573a15-e951-45b5-81ed-92ef95c916bc/datamanager/datamanager#bubble-drop-shadow')]"));

Update #1:

driver.switchTo().frame("appFrame");     //need to switch to this frame before identifying elements present on frame with id "appFrame"
WebElement elem = driver.findElement(By.xpath("//div[@class='table-information']/div[@title='BaseAloca']"));