CODEWITHSUNDEEP
javascriptreactjscypress
Joji
Joji

Reputation: 5646

Cypress: is there a way to assert if the value of an input is not empty or at least with some number of chars

I have an input that renders some value. I need to check if the value exists, in other words, at least there should be one characters/ letters in the input field.

I have a test like this in Cypress

cy.get('input').should('be.visible').and(($input) => {
  expect($input).to.have.value('')
})

which doesn't work since this test checks if the value is exactly ''. what I want is that the value should be at least of length 1/ non-empty. Is there a way to do it?

Upvotes: 5

Views: 14651

Answers (3)

majkl zumberi
majkl zumberi

Reputation: 180

if you want to type into the input field

cy.get('input').type("here some value")
.should("have.value","here some value")//checks exactly for that string

or if you want to assert that input not be empty

cy.get('input').should('not.be.empty')

i reccommend to check the doc https://docs.cypress.io/api/commands/should.html#Usage

Upvotes: 5

Anastasiia Solop
Anastasiia Solop

Reputation: 1493

One of the possible solutions would be to check the value's length

cy.get('input').should('be.visible').and(($input) => {
  const val = $input.val()
  expect(val.length).toBeGreaterThan(0)
})

Upvotes: 0

Alapan Das
Alapan Das

Reputation: 18626

You can do this by matching the value against a regex. You can get more info from the cypress docs.

cy.get('input').should('be.visible').and(($input) => {
  const val = $input.val()
  expect(val).to.match(/foo/)
})

Upvotes: 1

Related Questions