Cypress - Click checkbox that depends on the value of another checkbox on a table - reactjs

Question

I have a table with 2 columns of checkboxes.
I want to click the first checkbox that has the checked value on the right.
Note: All the checkboxes on the left are not disabled and all the checkboxes on the right are disabled.
Edit:
My DOM looks like this:
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{items.map(item) => (
<tr>
<td>
<input type="checkbox" />
</td>
<td>
<input type="checkbox" checked={item.posted} disabled />
</td>
</tr>
)
}
</tbody>
</table>
It is reiterated by the data from the api thats why the checked state of the checkbox is dynamic

Answer 1

Try finding the first checked, then the move to the first checkbox
cy.get('input:checked') // all checked inputs
.eq(0) // first one
.parent('td') // move to cell
.prev() // previous cell
.find('input') // it's input
.click()
To clarify how to correctly use .each(), you need to use the 3rd parameter collection and also return false to avoid checking every row which is checked on the right.
cy.get('input[type="checkbox"]')
.each(($ele, index, collection) => {
if ($ele.is(':checked')) {
cy.wrap(collection).eq(index-1).click()
return false; // break early to only click the first
}
})

Answer 2

You try something like this, iterate over all the checkboxes, once you find the checkbox that is disabled, you can go to a the previous checkbox using .eq(index-1) and then perform the click().
cy.get('input[type="checkbox"]').each(($ele, index) => {
if ($ele.is(":disabled")) {
cy.wrap($ele).eq(index-1).click()
}
})