Uploaded March 2025 | Updated September 2026, 1 week ago
This video shows the plugin npmjs.com/package/cypress-plugin-steps in action: installation, defining sections and steps, and how the plugin shows the steps in the Command Log. Bonus: the plugin adds text with the completed steps to the error message if the test fails. Plugin made by @filip_hric For more about this plugin, read the blog post "Cypress Steps Plugin" glebbahmutov.com/blog/cypress-steps-plugin For more videos on Cypress plugins, check out my course https://cypress.tips/courses/cypress-plugins
This video shows the plugin npmjs.com/package/cypress-plugin-steps in action: installation, defining sections and steps, and how the plugin shows the steps in the Command Log. Bonus: the plugin adds text with the completed steps to the error message if the test fails. Plugin made by @filip_hric For more about this plugin, read the blog post "Cypress Steps Plugin" glebbahmutov.com/blog/cypress-steps-plugin For more videos on Cypress plugins, check out my course https://cypress.tips/courses/cypress-plugins


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







