How to click on a label in webpage to expand it

Question

HTML :

<label for="header-nav-toggle" class="header-nav__toggle">Menu</label>

On clicking the Menu in the webpage the user is displayed with the SignOut option.

How to write an XPath for this action ??

For the XPath

$x("//*[@id='root']/div/main/div/header/div/label")

in the chrome - Devtools-Console I got

[label.header-nav__toggle]
0: label.header-nav__toggle
length: 1
__proto__: Array(0)

Need to select the 0: value. Facing error like

org.openqa.selenium.WebDriverException: unknown error:
    Element <label for="header-nav-toggle" class="header-nav__toggle">...</label>
    is not clickable at point (1236, 52). Other element would receive the click:
    <div class="sc-ifAKCX cHaoWT" data-delay="250"></div>

Functionally, a `` doesn't associates with any `onClick()` event (barring special scenarios). Possibly you should look out for a following `` tag and update the question accordingly. — undetected Selenium, Oct 13 '18 at 19:54

score 0 · Answer 1 · answered Oct 13 '18 at 07:47

0

You can refer this solution, based on given HTML and Exception type:

Actions action = new Actions(driver);
action.moveToElement(driver.findElement(By.xpath("//label[@class='header-nav__toggle' and contains(text(),'Menu')]"))).click().perform();

answered Oct 13 '18 at 07:47

Ishita Shah

3,955
2
27
51

score 0 · Answer 2 · answered Oct 15 '18 at 06:43

0

Try adding waits before clicking the element.

Or use javascript to click the element.

More here: Debugging "Element is not clickable at point" error.

answered Oct 15 '18 at 06:43

Mate Mrše

7,997
10
40
77

How to click on a label in webpage to expand it

2 Answers2