3

I'm looking to verify a particular external function is called on a ng-click event. The input declaration is as follows. This works fine in the browsers, so there are no problems functionally, only during testing with Selenium I'm not seeing the correct result. myFunction is calling an external myExternalFunction, which is the behaviour I'm trying to validate. We already have jasmine tests with spies validating this behaviour in a different environment, but Selenium is needed anyways. Also we don't use protractor at the moment. I'm looking for a solution with Selenium.

<input class="myClass" ng-click="myFunction()">

In the C# Selenium tests, I'm writing:

// Creating the mock external function since the context doesn't have it.
IJavaScriptExecutor executor = WebDriver as IJavaScriptExecutor;
executor.ExecuteScript("window.called='false'");
executor.ExecuteScript("window.external = {}");

// The behavior will be just setting the called variable to true.
// We will retrieve the variable and check the value to see if the function was called.
executor.ExecuteScript("window.external.myExternalFunction = function() {window.called = 'true';}");

// Select the element - there's only one element with this classname
IWebElement element = WebDriver.FindElement(By.ClassName("myClass"));
string value = "";  
// Verified via debugging that the element is actually valid.
// Tried the following options.

// 1) Just click and wait for event propagation - didn't work.
element.Click(); // Didn't do anything so added a Thread Sleep to make sure.
Thread.Sleep(1000);
value = WebDriver.ExecuteJavaScript<string>("return window.called;"); // returns false - expected to be true.

// 2) Use the actions to focus and click.
IWebDriver driver = WebDriver;
Actions a = new Actions(driver);    
a.MoveToElement(element).Perform();
a.MoveToElement(element).Click().Perform();
Thread.Sleep(1000);
value = WebDriver.ExecuteJavaScript<string>("return window.called;"); // returns false - expected to be true.

// 3) Select and click via javascript instead.
executor.ExecuteScript("angular.element('.myClass').click();");
Thread.Sleep(1000);
value = WebDriver.ExecuteJavaScript<string>("return window.called;"); // returns false - expected to be true.

I'm pretty much out of ideas at this stage. Is there no way to make Selenium play nice with angularjs? Similar question here: Selenium click event does not trigger angularjs ng-click without conclusive answer.

Community
  • 1
  • 1
Mavi Domates
  • 4,262
  • 2
  • 26
  • 45

2 Answers2

1

I would suggest, use xpath for locating the element and you should be good. Please share the xpath, if possible.

sachin kumar
  • 11
  • 1
  • I will try this and get back to you, however I have already verified that I was able to select the correct element. There's only one existing element with that css class, and when debugging I'm seeing the correct details regarding the element - so the problem seems more likely related to the actual event propagation. – Mavi Domates Jan 11 '16 at 22:08
  • This seems to fix the issue for me with Firefox 47. Using a Css selector did fill in the field but didnt trigger the javascript. – Stephen May 16 '17 at 05:51
0

You can use css selector and It should work : 

By.cssSelector("input[ng-click='myFunction()']")
N..
  • 906
  • 7
  • 23
  • I will try this and get back to you, however I have already verified that I was able to select the correct element. There's only one existing element with that css class, and when debugging I'm seeing the correct details regarding the element - so the problem seems more likely related to the actual event propagation. – Mavi Domates Jan 11 '16 at 22:07