How to call a function in a differnt Cypress file?

user_3354398 0
Viewed 35

I am playing around with Cypress for e2e testing and want to execute login flow on each of the spec file. I know that we can do it by storing it locally by writing custom commands like this :

Cypress.Commands.add('login', ()=> {
cy.request({
    method : 'POST',
    url : 'url',
    ...
    }
    }).then((resp) => {
    
        window.localStorage.setItem('jwt',resp.body.user.token)
      
    })
  })

and then calling this function in our actual spec file.

But with my application, there are multiple api calls to be made one after the other in order to actually land up inside the application. How can I achieve this in custom commands? My application actually takes username and password in step-1, and then from the jwt received it executes another api call, and then a final one. I want to store the last jwt value so that I can continue with the rest of the application.

cypress
2 Answers

You can parameterize your cypress custom commands, so from the test spec file you can just pass the URL.

Custom Command:

Cypress.Commands.add('login', (url) => {
  cy.request({
    method: 'POST',
    url: URL,
    ...
  }).then((resp) => {
    window.localStorage.setItem('jwt', resp.body.user.token)
  })
})

In your test write:

cy.login('https://example1.com')
cy.login('https://example2.com')
....
user_45712710

The requests can be nested,

Cypress.Commands.add('login', () => {
  cy.request({ 
    method : 'POST', 
    url : 'url1', 
    ... 
  })
  .then((resp1) => {
    cy.request({ 
      method : 'POST', 
      url : 'url2', 
      body : { token: resp1.body.user.token }
    })
    .then((resp2) => {
      cy.request({ 
        method : 'POST', 
        url : 'url3', 
        body : { token: resp2.body.user.token }
      })
      .then((resp3) => {
        window.localStorage.setItem('jwt', resp3.body.user.token)
      })
    })
  })
})
user_169977070
Related