Support creating custom assertion operator like 'should('have.text.trimmed', ...)'

Cypress have many assertion operators like ‘eq’, ‘contain’, ‘have.text’, but which is not enough for me.

E.g. I want to check a DOM element have some text but want to skip around whitespaces, I have to write:

cy.get('.cell')
  .then($cell => $cell.text().trim())
  .should('eq', 'Hello')

Since none of have.text, eq, contain really work in this case.

I want to define a custom operator like have.text.trimmed, to simplify the code to:

cy.get('.cell')
  .should('have.text.trimmed', 'Hello')

I can’t find any document about it, does Cypress have a way to do it? Or add this feature?

PS: I also create a question before this issue: https://stackoverflow.com/questions/55842707/how-to-define-a-custom-assertion-operator-in-cypress/55842986

[bahmutov]

take a look at https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/extending-cypress__chai-assertions - this is how to add new Chair assertions to the existing ones

We could make it simpler I guess by adding something similar to custom commands

Cypress.Assertions.add('...', )

[freewind]

@jennifer-shehane Thanks for the links and I managed to create it by extending chai. I’ve explained the code on stackoverflow, anyone interested may see it there: https://stackoverflow.com/a/55854585/342235