Clear a field and retype

Cypressformsbeginnerv10+

Clear an existing input value and replace it — the standard edit-form pattern.

1it('updates the display name field', () => {
2  cy.visit('/edit-profile');
3
4  cy.get('[name="display-name"]')
5    .should('have.value', 'John Doe')
6    .clear()
7    .type('Jane Doe')
8    .should('have.value', 'Jane Doe');
9
10  cy.get('[type="submit"]').click();
11  cy.contains('Profile updated').should('be.visible');
12});

#clear#type#retype#edit form