Uploaded September 2023 | Updated September 2026, 1 week ago
This video shows a more advanced test case: confirming the number of list elements shown by the application after the initial data load when there could be zero items. We can use a separate HTML attribute to signal from the application the load has finished, and this simplifies and speeds up the test. Find the full source code at glebbahmutov.com/cypress-examples/recipes/number-of-elements.html
This video shows a more advanced test case: confirming the number of list elements shown by the application after the initial data load when there could be zero items. We can use a separate HTML attribute to signal from the application the load has finished, and this simplifies and speeds up the test. Find the full source code at glebbahmutov.com/cypress-examples/recipes/number-of-elements.html







![Confirm Sorted Attributes
If you need to get an attribute from each DOM element, and you dont care about the order, you should compare sorted arrays. This video shows how to grab a data-... attribute using plain Cypress syntax and cypress-map plugins. Find the full recipe at https://glebbahmutov.com/cypress-examples Here is the cypress-map solution
// the expected SKU numbers
const skus = [00991C, 00100C, 00500A, 0044B].sort()
cy.get(#purchases li)
.map(dataset.sku)
.invoke(sort)
.print()
.should(deep.equal, skus) Confirm Sorted Attributes](https://i.ytimg.com/vi/sVb5MU2AkqE/mqdefault.jpg)


