Cypress: How to create loop for fixture file with multiple arr

Question

Hi all, I'm new here. How to create loop for fixture file with multiple arr in Cypress to check all the list?

[
  {
    "firstName": "John",
    "email": "jsmith@gmail.com",
    "due": "50$",
    "webSite": "www"
  },
  {
    "firstName": "Frank",
    "email": "fbach@yahoo.com",
    "due": "51$",
    "webSite": "www"
  },
  {
    "firstName": "Jason",
    "email": "jdoe@hotmail.com",
    "due": "100$",
    "webSite": "www"
  }
]

cy.fixture('folderName/fileName.json').then(function (testdata) {
            this.testdata = testdata
    })

    it('DDT fixture file', function () {
        cy.get('name_selector').should('have.text', this.testdata.firstName);
        cy.get('email_selector').should('have.text', this.testdata.email);
        cy.get('due_selector').should('have.text', this.testdata.due);
        cy.get('website_selector').should('have.text', this.testdata.website);
    })

score 1 · Answer 1 · answered Nov 26 '22 at 04:03

Simple approach would be Array.forEach()

cy.fixture('folderName/fileName.json').as('testdata')  // alias sets "this.testdata"

describe('All testdata' function() {

  this.testdata.forEach(item => {

    it('DDT fixture file for ' + item.firstName, () => {
      cy.get('name_selector').should('have.text', item.firstName);
      cy.get('email_selector').should('have.text', item.email);
      cy.get('due_selector').should('have.text', item.due);
      cy.get('website_selector').should('have.text', item.website);
    })
  })
})

score 0 · Answer 2 · answered Nov 25 '22 at 21:49

0

Cypress comes bundled with lodash you can use _.forEach()

const testData = require('cypress/fixture/folder/path')

Cypress._.forEach(testData, (data) => {
  it(`${data} test`, () => {
    cy.get('name_selector').should('have.text', data.firstName)
        cy.get('email_selector').should('have.text', data.email)
        cy.get('due_selector').should('have.text', data.due)
        cy.get('website_selector').should('have.text', data.website)
  }
})

answered Nov 25 '22 at 21:49

jjhelguero

2,281
5
13

Many thanks, do you have an idea how to create loop as I describe in comment next message? – qa_automation Nov 29 '22 at 19:36
Maybe _.find() would be better approach than looping. https://lodash.com/docs/4.17.15#find – jjhelguero Nov 29 '22 at 19:51

score 0 · Answer 3 · answered Nov 28 '22 at 20:48

Many thanks for answer, but how create loop like:

Find "firstName": "John" on web (from fixture file)
Once find it continue assertion in this current row, rest of columns like email, due and website where is mentioned firstName?
Once all columns was checked in this row, start loop next data set.

Those approaches make search on whole page not in one row.

Really many thanks with each help.

Cypress: How to create loop for fixture file with multiple arr

3 Answers3