Uploaded March 2026 | Updated September 2026, 1 week ago
This video shows how a weird style issue might be due to empty LI elements and how to catch them using Cypress test. Find the full recipe at glebbahmutov.com/cypress-examples
This video shows how a weird style issue might be due to empty LI elements and how to catch them using Cypress test. Find the full recipe at glebbahmutov.com/cypress-examples
![Dispatch Custom HTML Events From Cypress Tests
Sometimes an element on the page subscribes to custom events. You can dispatch events using plain HTML method el.dispatchEvent or by using Cypress command cy.trigger
cy.get(#signal).then(function ($el) {
$el[0].dispatchEvent(new CustomEvent(go))
})
// using cy.trigger
cy.get(#signal).trigger(warn)
Find the full example recipe at https://glebbahmutov.com/cypress-examples/ Dispatch Custom HTML Events From Cypress Tests](https://i.ytimg.com/vi/qCqzS3LtSeI/mqdefault.jpg)








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