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

* add breaklines for log messages

* update cy.log tests

* run ci

Co-authored-by: Bill Glesias <bglesias@gmail.com>

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', () => {

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>')
   })
 })

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, '-')