Cypress - Checking value property inside a div

Question

I'm trying to check the value of the value field inside a div. this value is not reflected to a string or a int in the div value, only in his attribute:

<input as-automation="" type="text" placeholder="Put the initial value here" value="999.99">

please look a value of 999.99, how can I reach it? I tried valueof, contains, eq, nothing worked..

I want to find the way to reach this value by cypress.

Does this answer your question? [How to get the text input field value to a const and log that value in Cypress.io](https://stackoverflow.com/questions/51793521/how-to-get-the-text-input-field-value-to-a-const-and-log-that-value-in-cypress-i) — TesterDick, Jan 19 '23 at 22:54

score 0 · Answer 1 · answered Jan 19 '23 at 16:21

You should be able to reference the element's value by the key value, either through the Chai assertion (via cy.should()) or in cy.its().

cy.get('input').should('have.value', '999.99');
...
cy.get('input').its('value').then((value) => {
  // other code where you do something with the `value` variable
})

score 0 · Answer 2 · answered Jan 19 '23 at 16:25

There are a few ways to check it.

const value = "999.99";
cy.get("input").should("have.value", value);

cy.get("input").should(($input) => {
  const val = $input.val();

  expect(val).to.eq(value);
});

cy.get("input").invoke("val").should("eq", value);

Here is a working example.

score 0 · Answer 3 · answered Jan 19 '23 at 16:51

0

Another way to do this is:

cy.get('input').should('have.attr', 'value', '999.99')

answered Jan 19 '23 at 16:51

Alapan Das

17,144
3
29
52

Cypress - Checking value property inside a div

3 Answers3