Not finding class when using Angular and Bootstrap
Posted: Wed Dec 10, 2014 3:53 pm
We are encountering a situation where our test code (C# + Ranorex API, using 5.2.1) is failing to find an object that is clearly visible using Ranorex Spy, or the F12 Developer Tools in browsers.
In the attached screenshot of Ranorex Spy, we are trying to find the ATag 'Output' circled at the bottom of the hierarchy. However, if we include the 'nav-tabs' class (also circled) in our RxPath, our code fails to find the element. The moment we remove the check for 'nav-tabs' everything works as expected.
The system that we are testing uses Angular and Bootstrap. Our testing is initially done using Internet Explorer (both v10 and v11), both of which fail to find the element when we include 'nav-tabs'. This is running on Windows 7, 64 bit.
Any ideas or suggestions (other than just removing the check for the class from the RxPath)? We would like to understand the issue, so that we can be certain we do not have similar problems elsewhere.
Note that I have edited the screenshot to remove details of machine, domain and product name.
Many thanks,
John H.
In the attached screenshot of Ranorex Spy, we are trying to find the ATag 'Output' circled at the bottom of the hierarchy. However, if we include the 'nav-tabs' class (also circled) in our RxPath, our code fails to find the element. The moment we remove the check for 'nav-tabs' everything works as expected.
The system that we are testing uses Angular and Bootstrap. Our testing is initially done using Internet Explorer (both v10 and v11), both of which fail to find the element when we include 'nav-tabs'. This is running on Windows 7, 64 bit.
Any ideas or suggestions (other than just removing the check for the class from the RxPath)? We would like to understand the issue, so that we can be certain we do not have similar problems elsewhere.
Note that I have edited the screenshot to remove details of machine, domain and product name.
Many thanks,
John H.