Cypress - verify if each table row in one column contains the same item

Question

I have a table, however some kind of ag-grid, created by DIV's, not real table element:

<div role="row" row-index="1" >
<div col-id="name">Name 1</div>
<div col-id="age">25</div>
</div>

<div role="row" row-index="2" >
<div col-id="name">Name 1</div>
<div col-id="age">25</div>
</div>

I want to verify, if EACH field with col-id="name" contains the same item. I am testing kind of filtering, so if user filters the Name 1, I want to check each row, if there is only Name 1 and nothing else.

As each field which I need to check has the same col-id, I tried it this way:

cy.get('div[col-id="name"]').contains('Name 1')

or

cy.get('div[col-id="name"]').should('contain','Name 1')

but both cases passes even if some field contains another name, because it finds at least one match.

How to assert that each field with col-id="name" should contain ONLY Name 1 ?

Fody · Accepted Answer · 2022-04-20T09:29:38.153

2

Maybe use .each() to test the elements individually

cy.get('div[col-id="name"]')
  .each($el => {
    expect($el.text()).to.eq('Name 1')
  })

Without .each()

cy.get('div[col-id="name"]')
  .should($els => {
    const names = [...$els].map(el => el.innerText)
    expect(names.every(name => name === 'Name 1').to.eq(true)
  })

edited Apr 20 '22 at 09:29

answered Apr 20 '22 at 09:05

Fody

23,754
3
20
37

I think this is the easiest way, however I wanted to avoid iteration, but seems I can't. Thank you – Darksymphony Apr 20 '22 at 09:26

SuchAnIgnorantThingToDo-UKR · Answer 2 · 2022-04-20T09:20:32.057

2

You can verify the combined text of all elements

cy.get('div[col-id="name"]')
  .invoke('text')
  .should('eq', 'Name 1'.repeat(2))  // assuming two elements, equals "Name 1Name1"

or, this is better for asynchronous fetching of name

cy.get('div[col-id="name"]')
  .should('have.text', 'Name 1'.repeat(2))  // equals "Name 1Name1"

When element count is unknown

cy.get('div[col-id="name"]')
  .then($els => {
    const count = $els.length
    cy.wrap($els).should('have.text', 'Name 1'.repeat(count))  
  })

edited Apr 20 '22 at 09:20

answered Apr 20 '22 at 09:14

SuchAnIgnorantThingToDo-UKR

3,170
4
16

but I don't know how many rows there will be, can't just repeat it twice – Darksymphony Apr 20 '22 at 09:17
1

Can count the elements returned from get - will update. – SuchAnIgnorantThingToDo-UKR Apr 20 '22 at 09:18

score 0 · Answer 3 · answered Apr 20 '22 at 09:27

In case you don't want to apply assertion and just print out statements stating whether the element was found/not found, you can do like this:

cy.get('div[col-id="name"]').each(($ele, index) => {
  if ($ele.text().trim() == 'Name 1') {
    cy.log('Item Found at position ' + index)
  } else {
    cy.log(
      'Expected Item Not found at position ' +
        index +
        '. Instead the item was ' +
        $ele.text().trim()
    )
  }
})

Cypress - verify if each table row in one column contains the same item

3 Answers3

Linked