How to use sessions.getStorage method in Cypress

Finding the card with name 'cypress' and clicking the edit button

cy.contains('.MuiCardContent-root', 'cypress').within(() => {
  cy.get('svg.MuiSvgIcon-root').eq(0)  // 1st button is edit
    .click()
})

You could do something like this

Cypress.Commands.add(
  'selectNth',
  { prevSubject: 'element' },
  (subject, pos) => {
    cy.wrap(subject)
      .children('option')
      .eq(pos)
      .then(e => {
        cy.wrap(subject).select(e.val())
      })
  }
)

Usage

cy.get('[name=assignedTo]').selectNth(2)

All the code and referenced modules in index.js are loaded before your test file. So you need to refer(require) commands.js in your index.js file. You can however import commands.js module directly in your test file but then you need to include it every test file. Recommended approach is to include it in index.js file and you are not worried about explicitly refer in your test files.

You should add a cy.get() for something that only appears after the page load is finished,

cy.bookspanel = {
  getBookNavigationTab: function () {
    cy.get('a > span').contains("Books").click();
    cy.contains('h2', 'Heading that displays after page is loaded');  
    // Will not run next command until above heading appears.
  }
}

or pass to the function as a parameter if it changes on each page

cy.bookspanel = {
  getBookNavigationTab: function (myContent) {
    cy.get('a > span').contains("Books").click();
    cy.contains(myContent);  
    // Will not run next command until above content appears.
  }
}

cy.bookspanel.getBookNavigationTab('Heading that displays after page is loaded');

Adding cookie whitelist seems to help:

  Cypress.Cookies.defaults({
                whitelist: 'AuthUser'
            })

But as I understand documentaion, Cypress should clear chacke only after all test scenarios in specific test file - not each test scenario?

If you use a specific array in your test code, you can easily get the length of the array by using the .lenght and access its elements by using the for loop.

You have to use the cy.url().

1. To print the URL you can use:

cy.url().then((url) => {
  cy.log('Current URL is: ' + url)
})

2. If you want to validate the URL you can use:

cy.url().should('include', '/connexion/parent')

You should just be able to eliminate the cy.wrap().

uploadexcel() {

  cy.get('#excel')
    .should('be.visible')
    .click({force:true})

  const csvfile = 'TestData_csv.xlsx';
  
  return cy.get('#fsp-fileUpload')   // return last command
    .attachFile(csvfile)    
    .trigger('input')
    // .trigger('change')   // or this trigger
}

Strictly speaking, the return isn't necessary, but may be useful if you want to add a .then() inside the test like this

uploadfile.uploadexcel().then(() => {
  // do something after upload completes
})

so just return the last command to eliminate the nesting in uploadexcel()

I assume that inside the cy.log($(this).... you might still need to add cy.log(Cypress.$(this)... in order to use the jquery in Cypress. I haven't tried yet, but its worth to give a try.

Cypress.$(java).each(function() {
            cy.log(Cypress.$(this).find("configuration>property>name").text())
        })