如何使用Java使用Selenium Webdriver单击此注销图标

Question

I am working on a banking portal which have Div structure for logout in below given

<div class ="bar bar-desktop small-12 columns">
 <a id="j_idt39:logoutMenu" terminatevbsess="" href="javascript:void(0);" class="icon-logout" ng-click="click($event,{s:&quot;j_idt39:logoutMenu&quot;,p:&quot;menUid&quot;,u:&quot;menUid&quot;});">
  ::before
  <i class="icon left "></i>
 </a>
</div>

When I identify Logout Icon :: before is being highlighted. Please let me know how I can identify and how to select locator for this icon.

Answer 1

You can use cssSelector to find the logout icon. try using driver.findElement(By.cssSelector(".icon-logout")).click()

Answer 2

Get xpath using Firepath and click on Logout button that is a tag.

driver.findElement(By.xpath("")).click();

In your html code you cannot find id easily because some problem in html code.

Answer 3

You can use LinkText:

driver.FindElement(By.LinkText("::before")).click();

Answer 4

You can try this:

WebElement element = driver.findElement(By.cssSelector("a.icon-logout > i");
JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("arguments[0].click();", element);