Running .should('have.attr', 'target') and then .invoke('removeAttr', 'target') fails.

Current behavior:

Running .should('have.attr', 'target) and right after I run .invoke('removeAttr', 'target') will failed.

Desired behavior:

Should run the check if attribute target exist and I should be able to remove it after.

Test code to reproduce

it.only('has a link to application author', () => {
  cy
      .get('.my-link')
      .should('have.attr', 'target')
      .invoke('removeAttr', 'target')
});

Versions

Cypress: “cypress”: "^5.1.0 OS: Ubuntu 20.04.1 LTS Browser: Chrome Version 85.0.4183.102 (Official Build) (64-bit)

[bahmutov]

A few more tested examples for changing the subject in the few assertions is here https://glebbahmutov.com/cypress-examples/commands/assertions.html#subject

Maybe I should add them to the docs @jennifer-shehane

[nicholaschiang]

Yeah, add that to the assertions reference (it seems like you’re already mentioning it here). Otherwise, this seems like a bug and can be confusing.

Also, you should update the Typescript types to reflect this. Right now, chaining a .then() off of a .should() expects an HTMLElement:

cy.get('#hello').should('have.attr', 'id').then((attr: string) => { // This errors because it's typed as an `HTMLElement` not `string`
  // Do something with that `attr`
});