При выполнении внешнего тестирования с помощью Cypress часто необходимо получить имя класса элемента для различных утверждений или манипуляций. В этой статье мы рассмотрим пять различных методов получения имени класса элемента с помощью Cypress с примерами кода.

Метод 1: использование команды invoke()

cy.get('.my-element').invoke('attr', 'class').then(className => {
  // className contains the class name of the element
  // Perform assertions or other actions based on the class name
})

Метод 2: использование команды should()

cy.get('.my-element').should('have.class', 'my-class-name')

Метод 3: использование команды invoke()с jQuery

cy.get('.my-element').invoke('attr', 'class').then(className => {
  const classList = className.split(' ')
  // classList is an array containing all the class names of the element
  // Perform assertions or other actions based on the class names
})

Метод 4. Использование команды invoke()с JavaScript

cy.get('.my-element').invoke('prop', 'className').then(className => {
  const classList = className.split(' ')
  // classList is an array containing all the class names of the element
  // Perform assertions or other actions based on the class names
})

Метод 5: использование команды getAttribute()

cy.get('.my-element').getAttribute('class').then(className => {
  // className contains the class name of the element
  // Perform assertions or other actions based on the class name
})

Получение имени класса элемента — обычное требование при тестировании Cypress. В этой статье мы рассмотрели пять различных методов достижения этой цели. Используя эти методы, вы можете выполнять утверждения или другие действия на основе имен классов элементов, что обеспечивает комплексное внешнее тестирование с помощью Cypress.

Не забудьте выбрать метод, который лучше всего подходит для вашего конкретного случая использования, и наслаждайтесь эффективным и надежным тестированием с Cypress!