What is the best way to verify if a class attribute includes a specific class or not?

Question

What is the best way to verify if a class attribute includes a specific class or not?

Below is the code snippet provided. The code fetches all classes and then checks for the presence of the 'mat-checked' class.

pmanage.no_additional_cost().last().invoke('prop', 'class').then((Class) => {
                let Pclass = Class
               cy.log(Pclass)
                            if(Pclass.contains('mat-checked')){
                                cy.log('mat-checked found')
                                cy.writeFile(filename, Pclass)
                            }else{
                                cy.log('Toggle is off')
                            }
                        })

javascript cypress

Answer 1

Answer №1

To determine if the `mat-checked` is within your class attribute value, you need to utilize the `includes` method.

pmanage.no_additional_cost().last().invoke('prop', 'class').then((Class) => {
  let Pclass = Class
  cy.log(Pclass)
  if (Pclass.includes('mat-checked')) {
    cy.log('mat-checked found')
    cy.writeFile(filename, Pclass)
  } else {
    cy.log('Toggle is off')
  }
})

Another option is to use invoke('attr', 'class')

pmanage.no_additional_cost().last().invoke('attr', 'class').then((classValue) => {
  if (classValue.includes('mat-checked')) {
    cy.log('mat-checked found')
    cy.writeFile(filename, classValue)
  } else {
    cy.log('Toggle is off')
  }
})

Answer 2

To determine if the `mat-checked` is within your class attribute value, you need to utilize the `includes` method.

pmanage.no_additional_cost().last().invoke('prop', 'class').then((Class) => {
  let Pclass = Class
  cy.log(Pclass)
  if (Pclass.includes('mat-checked')) {
    cy.log('mat-checked found')
    cy.writeFile(filename, Pclass)
  } else {
    cy.log('Toggle is off')
  }
})

Another option is to use invoke('attr', 'class')

pmanage.no_additional_cost().last().invoke('attr', 'class').then((classValue) => {
  if (classValue.includes('mat-checked')) {
    cy.log('mat-checked found')
    cy.writeFile(filename, classValue)
  } else {
    cy.log('Toggle is off')
  }
})

What is the best way to verify if a class attribute includes a specific class or not?

Answer №1

Similar questions

Vue.js not responding to "mousedown.left" event listener

Is the default behavior of Ctrl + C affected by catching SIGINT in NodeJS?

Enhance your data visualization with d3.js version 7 by using scaleOrdinal to effortlessly color child nodes in

Looking through a Json file and retrieving data with the help of Javascript

Exploring Recursive Types in TypeScript

Using jQuery to retrieve the initial object in an array following an Ajax request

Can you verify that the client's date and time locale are accurate in JavaScript before proceeding with processing?

Typescript struggling to load the hefty json file

Instructions on how to insert a single parenthesis into a string using Angular or another JavaScript function

Modal obstructing BsDatePicker

Attempting to initiate an AJAX request to an API

Using Jquery and AJAX to dynamically fill out an HTML form based on dropdown selection

"I am interested in using the MongoDB database with Mongoose in a Node.js application to incorporate the

Utilizing JQuery to extract the image title and render it as HTML code

Issue encountered with the Selenium JavaScript Chrome WebDriver

Finding the maximum value among multiple variables in AngularJS

Transforming the Date into Local Time: An Instantaneous Process?

Perform an Ajax POST request to a specific URL and then automatically redirect to that same

Promise not being properly returned by io.emit

What is causing the qtip tooltip to show up on buttons with different ids?