Uploaded June 2024 | Updated September 2026, 1 week ago
In this video, I simplify the tests and the "beforeEach" hooks using query commands from the cypress-map plugin. Find the starting code in the repo github.com/bahmutov/cypress-conduit-api and the cypress-map plugin documentation in the repo github.com/bahmutov/cypress-map
In this video, I simplify the tests and the "beforeEach" hooks using query commands from the cypress-map plugin. Find the starting code in the repo github.com/bahmutov/cypress-conduit-api and the cypress-map plugin documentation in the repo github.com/bahmutov/cypress-map




![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)





