Uploaded March 2025 | Updated September 2026, 1 week ago
This video shows how to write Cypress custom commands with multiple DOM snapshots showing the app in different stages. We will use "Cypress.log" to create a log instance and then call "log.snapshot" to create instant DOM snapshots. Two things to remember:
- log.snapshot is a synchronous method call, so we want to make sure it runs after the previous Cypress command finishes. Use "cy.then(callback)" for this
- call log.end to signal the official end to the custom command logging
Find the full recipe at glebbahmutov.com/cypress-examples
This video shows how to write Cypress custom commands with multiple DOM snapshots showing the app in different stages. We will use "Cypress.log" to create a log instance and then call "log.snapshot" to create instant DOM snapshots. Two things to remember:
- log.snapshot is a synchronous method call, so we want to make sure it runs after the previous Cypress command finishes. Use "cy.then(callback)" for this
- call log.end to signal the official end to the custom command logging
Find the full recipe at glebbahmutov.com/cypress-examples
