Cannot click on Angular-JS button with selenium web-driver: ElementNotVisibleException

Question

I trying to click on this button (it is clearly on the page and in view):

<button class="ui tertiary button" data-ng-click="addRoom()" data-ng-disabled="pendingRequests >= 1">ADD ROOM TO CRUISE CART</button>

Here is my code:

driver.FindElement(By.CssSelector("button[data-ng-click^='addRoom']")).Click();

It always throws this error:

OpenQA.Selenium.ElementNotVisibleException : Element is not currently visible and so may not be interacted with

Is Selenium WebDriver compatible with angular JS?

David Cunningham · Accepted Answer · 2015-06-10 07:22:34Z

1

I have managed to identify the problem, There are multiple buttons with the exact same XPath one is visible at given time the other are not visible. I

   var list = driver.FindElements(By.CssSelector("a[data-ng-click='addRoom()']")).ToList();

        foreach (var item in list)
        {
            Console.WriteLine(item.Displayed);

            if(item.Displayed)
            {
                item.Click();
            }
        }

This got the active button, Thank you for all your help. I can move forward now

answered Jun 10, 2015 at 7:22

David Cunningham

1,0172 gold badges13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jay Byford-Rew · Accepted Answer · 2015-12-11 15:48:19Z

0

Had the same issue, you can do this (using linq)

driver.FindElement(By.CssSelector("button[data-ng-click^='addRoom']")).First(x=>x.Displayed()).Click();

answered Dec 11, 2015 at 15:48

Jay Byford-Rew

6,0641 gold badge38 silver badges37 bronze badges

Comments

Mostafa Ghadimi · Accepted Answer · 2020-05-21 15:01:32Z

0

Change your code to the following:

driver.findElement(By.xpath("//button[contains(text(),'ADD ROOM TO CRUISE CART')]")).click();

edited May 21, 2020 at 15:01

Mostafa Ghadimi

6,8878 gold badges72 silver badges122 bronze badges

answered Jun 10, 2015 at 6:07

Rijo Mon

1692 silver badges14 bronze badges

4 Comments

David Cunningham Over a year ago

Sorry I should of mentioned the text is dynamic, so I can't use ADD ROOM TO CRUISE CART as a reference

David Cunningham Over a year ago

driver.FindElement(By.LinkText("ADD ROOM TO CRUISE CART")).Click(); will work but the text ADD ROOM TO CRUISE CART will change so I can't use it

Rijo Mon Over a year ago

down vote Use this instead of your code driver.findElement(By.xpath("//button[@data-ng-click='addRoom()']")).click();

Rijo Mon Over a year ago

Use this code driver.findElement(By.xpath("//button[@data-ng-click='addRoom()']")).click();

Collectives™ on Stack Overflow

Cannot click on Angular-JS button with selenium web-driver: ElementNotVisibleException

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related