Command log messages are no longer being truncated to 50 lines

[gofr]

Current behavior

#5630 added some CSS to truncate log messages to at most 50 lines. It uses the -webkit-line-clamp CSS property to achieve that. But as described in https://caniuse.com/css-line-clamp, this feature also needs display: -webkit-box on the element to work.

That display property was removed in #20465. Log messages are no longer being truncated.

The property needs to be added back here:

cypress/packages/reporter/src/commands/commands.scss

Line 376 in 8bcfe93

.command-message-text {

Desired behavior

Truncate long log messages.

Test code to reproduce

N/A

Cypress Version

10.2.0, but I can still see the same code on the develop branch

Node version

not relevant

Operating System

not relevant

Debug Logs

No response

Other

No response

[ZachJW34]

Looks like a regression as I don't see any comment explaining why it was removed. I took a quick video to show the behavior:

Screen.Recording.2022-09-27.at.12.21.19.PM.mov

@gofr would you be interested in submitting a PR fixing this?

[melkstam]

I would like to work on this if no one else already does!

[astone123]

@melkstam feel free to take this on!

[astone123]

Released in 10.10.0.

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