Create Aliases for DOM Elements in Cypress Tests

Share this video with your friends

Send Tweet

We’ll often need to access the same DOM elements multiple times in one test. Your first instinct might be to use cy.get and assign the result to a variable for reuse. This might appear to work fine at first, but can lead to trouble. Everything in Cypress is done asynchronously and you’re interacting with an application’s DOM, which is changing as your tests interact with it. In this lesson, we’ll see how we can reference DOM elements in multiple places with the alias feature in Cypress.

Perfect Developer
Perfect Developer
~ 6 years ago

Hi

How can we create an alias for DOM elements that can be shared and reused across tests ?

Bests