Estoy tratando de iterar sobre un objeto JSON en Cypress, pero hasta ahora no he encontrado una solución en ninguna parte. Lo más parecido que he encontrado es cómo iterar sobre todos los elementos de una matriz:
cy.wrap({fieldsArr}).each((value) => { cy.get('[data-for="' + field + '"]').type(value) })Las soluciones incorrectas que he encontrado son:
// JSON object // Error: cy.each() can only operate on an array like subject. cy.wrap({fieldsBI: valueBI}).each((field,value) => { cy.get('[data-for="' + field + '"]').type(value) }) // Spreading the object as 2 arrays // end up with m*n cy.gets cy.wrap(fieldsArr).each((field) => { cy.wrap(valueArr)((value) => { cy.get('[data-for="' + field + '"]').type(value) }) })Miré cy.wrap/spread/then pero no apareció nada.
Para referencia: estoy buscando obtener:
cy.get('[data-for="' + field1 + '"]').type(value1) cy.get('[data-for="' + field2 + '"]').type(value2) cy.get('[data-for="' + field3 + '"]').type(value3) cy.get('[data-for="' + field4 + '"]').type(value4)Convierta un objeto en una matriz de tuplas [key, value] con Object.entries()
cy.wrap(Object.entries({fieldsBI: valueBI})).each(([field, value]) => { cy.get(`[data-for="${field}"]`) // easier with template string .type(value) })Si necesita obtener un valor de cada clave, puede intentar lo siguiente:
const foo = { a: 1, b: 2, }; cy .get(Object.values(foo)).each(value => { cy.log(value); });o puede obtener las claves y acceder fácilmente tanto a las claves como a los valores:
const foo = { a: 1, b: 2, }; cy .get(Object.keys(foo)).each(key => { cy.log(`${key} ${data[key]}`); }); O puede usar Object.entries() :
const foo = { a: 1, b: 2, }; cy .get(Object.entries(foo)).each(([key, value]) => { cy.log(`${key} ${value}`); }); Puede haber una mejor solución en función de cómo se almacene su objeto. Por ejemplo, puede usar cy.fixture() si sus datos se encuentran en un archivo.
O tal vez no necesite almacenar partes de los selectores y simplemente seleccione los elementos correctos con cy.get() .
O tal vez pueda cambiar su estructura de datos a algo como:
const foo = [ { selector: 'a', value: 1, }, { selector: 'b', value: 2, } ]; cy .wrap(foo).each(({selector, value}) => { cy.log(`${selector} ${value}`); });Este último ejemplo probablemente tenga sentido para mí porque cada objeto en la matriz está separado de otros objetos y sus selectores y datos. Me parece que estás poniendo cosas no relacionadas en un objeto, por eso incluí este último ejemplo.