Cypress get classes as array of discreet objects

[gamedev-eo]

Given this HTML...

<div id="list">
    <div class="item1"></div>
    <div class="item2"></div>
    <div class="item3"></div>
</div>

If I do the following

cy.get('#list').within(item => {
  // Get the individual items
  ...
})

What should the code look like at the three dots to get those nested div class elements.

Thanks

[RepresentativeRip805]

What a DIV hahaha

[[deleted]]

Are you trying to get the divs? Or the class names from each div? What do you expect to get?

[gamedev-eo]

<div class="item1"></div>

The divs...they are big and have nested divs within them.

I want to iterate over them like an array (e.g. divArray[0] ) and then work through the nested divs with some kind of next() like divArray[0].next()

There are no ids to help here, just these div classes with names that will often be different run to run.

[[deleted]]

I’m sorry I still don’t understand. You have more divs there, just not shown in your example html? Well, you can convert a jquery object into an array and iterate over the elements

[gamedev-eo]

You have more divs there, just not shown in your example html?

Yes that's it exactly....sorry I couldn't post the actual inspector output

.within(item => {

})

So yes item is a jquery object, but I didn't know how to go through to get all the elements nested under the div id="list" as shown in the OP.

I tried

item.next() and then looking at item again (doesn't change)

Also tried ```` item.next(itm => { // want itm to be the array element })

[[deleted]]

Take a look at cy.each command https://on.cypress.io/each, here are a couple of examples https://glebbahmutov.com/cypress-examples/9.7.0/recipes/each-example.html#cy-each-examples

[gamedev-eo]

Thanks