Error trying to get attribute from element in Cypress

Question

I have this HTML element:

Answer 1

invoke() calls a jquery function on the element. To get the value of an input, use the function val():

cy.get('input').invoke('val').should('contain', 'mytext')

This is not the same as getting the value attribute which will not update with user input, it only presets the value when the element renders. To get an attribute, you can use the jquery function attr():

cy.get('input').invoke('attr', 'placeholder').should('contain', 'username')

Answer 2

Now there is a plugin for your need.

https://github.com/Lakitna/cypress-commands/blob/develop/docs/attribute.md

With this, you'll be able to do :

cy.get('input').attribute('placeholder').should('contain', 'username');