feat(get-user-trace): add coloring to get-user-trace

Author: victorandcode

package.json

@@ -41,6 +41,7 @@
     "@babel/runtime": "^7.10.3",
     "@types/aria-query": "^4.2.0",
     "aria-query": "^4.2.2",
+    "chalk": "^4.1.0",
     "dom-accessibility-api": "^0.4.6",
     "pretty-format": "^25.5.0"
   },

src/__tests__/get-user-trace.js

@@ -1,5 +1,9 @@
 import {getUserTrace} from '../get-user-trace'
 
+jest.mock('chalk', () => ({
+  gray: msg => msg,
+}))
+
 let globalErrorMock
 
 beforeEach(() => {

src/get-user-trace.js

@@ -1,3 +1,5 @@
+import chalk from 'chalk'
+
 // Frame has the form "at myMethod (location/to/my/file.js:10:2)"
 function getFrameLocation(frame) {
   const locationStart = frame.indexOf('(') + 1
@@ -13,7 +15,7 @@ function getUserTrace() {
     .slice(1) // Remove first line which has the form "Error: TypeError"
     .find(frame => !frame.includes('node_modules/')) // Ignore frames from 3rd party libraries
 
-  return `${getFrameLocation(firstClientCodeFrame)}\n`
+  return chalk.gray(`${getFrameLocation(firstClientCodeFrame)}\n`)
 }
 
 export {getUserTrace}