Selenium Webdriver C＃-无法在使用角度UI开发的网格中找到元素

Question

I am trying to automate a web application developed using angular JS through selenium webdriver(C#) and in that i am trying to click on a cell in a angular UI grid, i tried finding by css selector or xpath but it didn't help.

Css selector is generating dynamic ID - #\31 460691734316-0-uiGrid-00KQ-cell > div

Xpath is also dynamic //*[@id="1460691734316-0-uiGrid-00KQ-cell"]/div

and i tried using

driver.FindElements(By.CssSelector("*[id^='1460'][id$='cell']"));

but it didn't help

any help will be highly appreciated. I can send more details if needed

Answer 1

For my particular problem with the HTML page containing iframes and developed with AnglularJS the following trick saved me a lot of time: In the DOM I clearly saw that there is an iframe which wraps all the content. So following code supposed to work:

driver.switchTo().frame(0);
waitUntilVisibleByXPath("//h2[contains(text(), 'Creative chooser')]");

But it was not working and told me something like "Cannot switch to frame. Window was closed". Then I modified the code to:

driver.switchTo().defaultContent();
driver.switchTo().frame(0);
waitUntilVisibleByXPath("//h2[contains(text(), 'Creative chooser')]");

After this everything went smoothly. So evidently Angular was mangling something with iframes and just after loading the page when you expect that driver is focused on default content it was focused by some already removed by Angular frame. Hope this may help some of you.

Answer 2

What about trying to find the element with Selenium IDE which is a plugin of firefox ?

In the IDE, you can easily find the selector using selecting the element with GUI

Answer 3

Rather than identifying the element specifically by its ID, could you use the elements around it instead? Is this cell within a table and at a consistent position? Is there a parent element you could more consistently select and iterate through the children in your C# program to identify the appropriate cell you're looking for?