Bacancy Technology

Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Rise™.

12+

Countries where we have happy customers

1050+

Agile enabled employees

World wide offices

12+

Years of Experience

Agile Coaches

Certified Scrum Masters

1000+

Clients projects

1458

Happy customers

QA Automation

November 23, 2023

Cypress – How to Get Classes of Element

In Cypress, to get the classes of an element, you can use the `.invoke()` command to access the DOM element and retrieve its `className` property, which contains a list of classes applied to the element. Here’s an example:

// Get the element
cy.get('.your-element-selector').invoke('attr', 'class').then((classes) => {
  // 'classes' is a space-separated string of class names applied to the element
  console.log(classes);
});

In the code above:

Use `cy.get(‘.your-element-selector’)` to select the element you want to get the classes from. Replace `’.your-element-selector’` with your specific selector.
Use `.invoke(‘attr’, ‘class’)` to invoke the ‘attr’ method on the selected element, which retrieves the ‘class’ attribute of the element.
Use `.then()` to handle the result. The retrieved class names will be a space-separated string of class names.

You can then manipulate or check the class names as needed, whether you want to check if a specific class exists or perform other actions based on the classes.