feat: Display line break in cy.log (#25467)

* add breaklines for log messages * update cy.log tests * run ci Co-authored-by: Bill Glesias <[email protected]>
cypress-io · Jan 24, 2023 · c2e7b60 · c2e7b60 · cypress-bot · Jan 24, 2023
1 parent bba226c
commit c2e7b60
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/driver/cypress/e2e/cypress/log.cy.js b/packages/driver/cypress/e2e/cypress/log.cy.js
@@ -53,6 +53,13 @@ describe('src/cypress/log', function () {
       expect(this.cy.createSnapshot).not.to.be.called
       expect(result).to.equal(log)
     })
+
+    it('line break persists in snapshot', function () {
+      const log = this.log({ 'message': 'First line \n Second Line' })
+      const result = log.snapshot()
+
+      expect(result).to.equal(log)
+    })
   })
 
   context('countLogsByTests', () => {

diff --git a/packages/reporter/cypress/e2e/unit/formatted_message.cy.ts b/packages/reporter/cypress/e2e/unit/formatted_message.cy.ts
@@ -32,6 +32,6 @@ describe('formattedMessage', () => {
     const specialMessage = 'hello\n world `code block`'
     const result = formattedMessage(specialMessage)
 
-    expect(result).to.equal('hello\n world <code>code block</code>')
+    expect(result).to.equal('hello<br>\n world <code>code block</code>')
   })
 })
diff --git a/packages/reporter/src/commands/command.tsx b/packages/reporter/src/commands/command.tsx
@@ -24,7 +24,7 @@ import HiddenIcon from '-!react-svg-loader!@packages/frontend-shared/src/assets/
 import PinIcon from '-!react-svg-loader!@packages/frontend-shared/src/assets/icons/object-pin_x16.svg'
 import RunningIcon from '-!react-svg-loader!@packages/frontend-shared/src/assets/icons/status-running_x16.svg'
 
-const md = new Markdown()
+const md = new Markdown({ breaks: true })
 
 const displayName = (model: CommandModel) => model.displayName || model.name
 const nameClassName = (name: string) => name.replace(/(\s+)/g, '-')