Uploaded July 2023 | Updated September 2026, 1 week ago
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 glebbahmutov.com/cypress-examples
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 glebbahmutov.com/cypress-examples








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

