Child Elements | Bondar Academy

Lesson Summary

In this lesson, we explored how to locate child elements in the DOM using Cypress . Here are the key concepts discussed: Finding Child Elements The find method is specifically designed to locate child elements. You can chain multiple find methods to navigate deeper into the DOM. Example: Finding a button within a grid layout involves identifying intermediate elements first. Using get and find When targeting elements, you can combine get and find for more reliable tests. Using a space between selectors in get allows Cypress to understand that you are looking for a child element. For direct child elements, use an angle brace ( < ) between selectors. Best Practices Keep selectors as short as possible while ensuring they are unique. Use the contains method to find elements by text. Be mindful of the structure of your DOM to effectively locate elements. In summary, to find child elements in Cypress, utilize the find method, chain it as needed, and consider combining get and find for improved reliability. Use appropriate syntax based on the relationship between parent and child elements.