feat(pretty-dom): return user stack from pretty-dom

Author: victorandcode

src/__tests__/pretty-dom.js

@@ -1,6 +1,10 @@
 import {prettyDOM, logDOM} from '../pretty-dom'
 import {render, renderIntoDocument} from './helpers/test-utils'
 
+jest.mock('../get-user-trace', () => ({
+  getUserTrace: () => '',
+}))
+
 beforeEach(() => {
   jest.spyOn(console, 'log').mockImplementation(() => {})
 })

src/__tests__/screen.js

@@ -1,6 +1,10 @@
 import {screen} from '..'
 import {renderIntoDocument} from './helpers/test-utils'
 
+jest.mock('../get-user-trace', () => ({
+  getUserTrace: () => '',
+}))
+
 beforeEach(() => {
   jest.spyOn(console, 'log').mockImplementation(() => {})
 })

src/pretty-dom.js

@@ -1,4 +1,5 @@
 import prettyFormat from 'pretty-format'
+import {getUserTrace} from './get-user-trace'
 import {getDocument} from './helpers'
 
 function inCypress(dom) {
@@ -61,6 +62,7 @@ function prettyDOM(dom, maxLength, options) {
     : debugContent
 }
 
-const logDOM = (...args) => console.log(prettyDOM(...args))
+const logDOM = (...args) =>
+  console.log(`${getUserTrace()}${prettyDOM(...args)}`)
 
 export {prettyDOM, logDOM}