How to check the number of points <=10 in Cypress

Question

cy.get('div[id="base-table-\[object\ Object\]-body"] > .MuiGrid-root, .jss505').should('have.length', 10)

How to make a check <=10 ? Maybe to.have.length.most() DOM

<div id="base-table-[object Object]-body">
    <div class = "MuiGrid-root jss505"> </div>
    <div class = "MuiGrid-root jss505"> </div>
    <div class = "MuiGrid-root jss505"> </div>
    <div class = "MuiGrid-root jss505"> </div>
    <div class = "MuiGrid-root jss505"> </div>        
</div>

Is the 'number of points' text or bullet points? Also, it would help if you could add piece of the DOM. — jjhelguero, Feb 06 '22 at 16:14

Fody · Answer 1 · 2022-02-07T05:01:17.163

0

You can enhance the assertion as follows

cy.get('div[id="base-table-\[object\ Object\]-body"] > .MuiGrid-root, .jss505')
  .should('have.length.lt', 11)

edited Feb 07 '22 at 05:01

answered Feb 06 '22 at 23:52

Fody

23,754
3
20
37

1

`have.length.lt` tests `< 10`, and `have.length.lte` tests `<=10`. – Dizzy Al Feb 07 '22 at 01:17

score 0 · Answer 2 · answered Feb 07 '22 at 05:58

0

You can use these assertions:

cy.get('div[id="base-table-[object Object]-body"] > .MuiGrid-root, .jss505')
  .its('length')
  .then((len) => {
    expect(len).to.be.lte(10)
  })

Or,

cy.get('div[id="base-table-[object Object]-body"] > .MuiGrid-root, .jss505')
  .its('length')
  .then((len) => {
    expect(len).to.be.within(0, 10)
  })

answered Feb 07 '22 at 05:58

Alapan Das

17,144
3
29
52

Thanks, it works! – Linkin Feb 07 '22 at 18:20

score 0 · Answer 3 · answered Feb 07 '22 at 06:37

You can use the following callback assertion

cy.get('div[id="base-table-[object Object]-body"] > .MuiGrid-root, .jss505')
  .should($els => expect($els.length).to.be.lte(10))

Using .should() instead of .then() gives you command retry in async situations.

How to check the number of points <=10 in Cypress

3 Answers3