Special characters wrongly displayed in runner UI assertions, formatted as markdown

[gustawx]

Current behavior:

Desired behavior:

Special characters properly displayed

Steps to reproduce: (app code and test code)

for e.g. use assertion with regex:
should('match', /width: (50.*|49.*|48.*)%;/)

Versions

3.6.1

[jennifer-shehane]

Verified in 3.8.0.

it("prints", () => {
  cy.wrap('foo').should('match', /width: (50.*|49.*|48.*)%;/)
})

This is due to our Command logging supporting markdown as explained here: #2134 (comment) So is an unfortunate side effect.

[gerardjorgensen]

Hi, can I work on this?

[jennifer-shehane]

@gerardjorgensen Yes we would love an open PR - even one that is a work in progress is fine. Check out our contributing doc and ask us if you get stuck.

[gerardjorgensen]

I'm unfortunately stuck figuring out where the special character is converted Markdown. I looked at https://github.com/cypress-io/cypress/blob/develop/packages/reporter/src/commands/command.tsx#L106 but from there I'm not sure where to go.

[jennifer-shehane]

It's done here, using markdown-it https://github.com/cypress-io/cypress/blob/cli-readme-md-typo/packages/reporter/src/commands/command.tsx#L23:L23

[jennifer-shehane]

This is still an issue in 9.5.3.

[cypress-bot]

The code for this is done in cypress-io/cypress#22537, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 10.3.1.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v10.3.1, please open a new issue.