Hello,
we would like to test our website automatically with the test studio. The website was implemented in React using the Material UI framework.
Unfortunately, I can't control the selection boxes either through a recording or programmed in the visual studio.
Is there a way to control these selection boxes (https://graphviewer.deprag.com/settings, generalsettings language)?
Thank you.
1 Answer, 1 is accepted
Hi Michael,
Thank you for sharing a sample of the selection boxes you experience troubles with - this is very helpful for me to understand the case.
Based on the sample app I assume that you need to adjust the find expressions recorded for the Test Studio elements. That find expression is then used to match the recorded element to an element from the application's HTML. Depending on the appliction structure and elements representation in the DOM tree, Test Studio might also generate chained find expressions.
The elements find expressions are generated as per the Smart Find Logic settings and sometimes there default order might not be ideal. So, one option is to adjust the attributes list so that these better fit the application's specifics. Another option is to leave the list as it is and modify the expressions for only specific elements.
In the case of the sample application I recorded a test to change the language in the settings. So, the initial find expression generated for the dropdown element is a chained one, but doesn't seem very reliable - see initial-FE.png. I explored the DOM tree and how elements are listed there. So, I found that there are much more useful attributes like the id of the div, which represents the dropdown control. So, I changed the find expression of the element to that in modified-FE.png.
Please, take the time to check this on your side and let me know if you have additional questions. Thank you for your cooperation in advance.
Regards,
Elena
Progress Telerik