Mendix uses CSS classes to identify page content like widgets and pop-up windows. You can use these classes in Selenium to manipulate pages and verify data.
This how-to will teach you how to do the following:
- Use naming conventions
- Avoid pitfalls
2 Naming Conventions
Widgets can be given a name in the Mendix Modeler. These names appear in the HTML document as class names prefixed by
mx-name-. For instance, a grid named
ArtistGrid will get the
mx-name-ArtistGrid a CSS class. This is true for all widgets.
More complex widgets, like a grid, can set more specific CSS classes to sub-elements, like columns or the paging bar buttons.
Some widgets, like grids or list views, can show multiple items. Every item has the
mx-name-index- CSS class followed by an index number, starting at 0.
The easiest way to discover these names is to use a browser’s developer tool.
3.1 Nested Widgets
Every widget has a unique class name, which means that you can use the name on its own as a selector in Selenium. This makes them robust against changes in your page, like moving a button from one container to another. However, not all sub-elements in widgets are unique, like the buttons in a grid’s paging bar. To select such an element, use a descendant selector like
.mx-name-artist-grid .mx-name-next. This first selects the artist grid and then searches for the next page button on that grid.
3.2 Timing Issues
Some actions done by Selenium take time to complete, for exampme, animations or requesting data for a pop-up window. When clicking a search button in a grid, the search bar appears using an animation. This means that after clicking the button, the test needs to wait for the animation to complete before continuing.
For more information, see the Webdriver: Advanced Usage.
Select a Microflow button named
Execute in a page:
Select the fourth row a grid named
Note that the fourth row in a grid has an index of
5 Read More
- How to Create Automated Tests with TestNG
- How to Test Mendix Applications Using Selenium IDE
- How to Consume a Complex Web Service
- How to Consume a Simple Web Service
- How to Synchronize User Accounts Using the LDAP Module
- How to Import Excel Documents
- How to Export XML Documents
- How to Expose a Web Service
- How to Import XML Documents