Uploaded September 2023 | Updated September 2026, 1 week ago
This video shows how Cypress can read the "placeholder" attributes and type them into the input fields. I also show how cypress-await plugin can help simplify the test syntax. For more, see github.com/bahmutov/type-placeholders
- manpm is at github.com/bahmutov/manpm
- cypress-await is at github.com/bahmutov/cypress-await
This video shows how Cypress can read the "placeholder" attributes and type them into the input fields. I also show how cypress-await plugin can help simplify the test syntax. For more, see github.com/bahmutov/type-placeholders
- manpm is at github.com/bahmutov/manpm
- cypress-await is at github.com/bahmutov/cypress-await
![Use cy.filter Command To Filter Elements By Child Element Presence
We can use the cy.filter command to filter DOM elements by the presence of some child elements. For example, to find all LI elements that have an element inside with class new, we can do the following (this example also verifies the elements own text)
// confirm 2 new elements
cy.get(li).filter(:has(.new)).should(have.length, 2)
// confirm the elements without new label
// have specific tet
cy.get(li)
.filter(:not(:has(.new)))
.map(childNodes.0.nodeValue)
.mapInvoke(trim)
.should(deep.equal, [Grapes, Pears])
Note: map and mapInvoke commands come from the plugin https://github.com/bahmutov/cypress-map
Find this recipe at https://glebbahmutov.com/cypress-examples/ Use cy.filter Command To Filter Elements By Child Element Presence](https://i.ytimg.com/vi/ZC6fXDkPtMI/mqdefault.jpg)









