Do not truncate cy.log() in Command Log

[pitgrap]

This is a feature request.

Current behavior:

Long messages in cy.log() gets truncated to a single line. On screenshots the panel of cyress is always very narrow, so the log is almost never readable.

Desired behavior:

It would be great to not truncate or at least support a flag to disable the truncation in cy.log(). Especially URLs and other import informations should be displayed.

Steps to reproduce: (app code and test code)

  it("example", () => {
    cy.log("Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et");
    cy.log("https://docs.cypress.io/api/commands/log.html#Syntax");
  });

Versions

3.4.1 to 3.6.0
chrome78

Details

The following CSS rule is responsible for all message-types (cypress_runner.css:4016):

.reporter .command-message {
  white-space: nowrap;
   ...
}

Maybe add a style just for the log (or all entries like URLs in cy.request()?):

.reporter .command-name-log .command-message {
  white-space: initial;
  word-break: break-word;
}

[jennifer-shehane]

This is something we agree should be changed.

CSS that requires changing: https://github.com/cypress-io/cypress/blob/develop/packages/reporter/src/commands/commands.scss#L251:L251

We would love an open PR. Check out our contributing doc .

[pitgrap]

Hi @jennifer-shehane, I opened a PR for this small feature: #5630

[cypress-bot]

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

[cypress-bot]

Released in 3.8.2.

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