Is there a way to turn off syntax highlighting in testing-library

user_12853931 0
Viewed 130

I am using @testing-library/vue and run the tests within a build step of Sublime Text. The error output uses prettyDom and isn't very legible in the output window:

Example Output in Build Results window:

     TestingLibraryElementError: Unable to find a label with the text of: /val1/

[36m<div[39m
  [33mclass[39m=[32m"Cell"[39m
  [33mdata-v-1cdb88a0[39m=[32m""[39m
  [33mstyle[39m=[32m"width: 40%;"[39m
[36m>[39m
  [36m<div[39m
    [33mclass[39m=[32m"Label"[39m
    [33mdata-v-1cdb88a0[39m=[32m""[39m
  [36m>[39m
    [0mTest Cat #1[0m
  [36m</div>[39m
  [36m<div[39m
    [33mattrs[39m=[32m"[object Object]"[39m
    [33mdata-v-088d7313[39m=[32m""[39m
    [33mdata-v-1cdb88a0[39m=[32m""[39m
    [33mform[39m=[32m"[object Object]"[39m
    [33mon[39m=[32m"[object Object]"[39m
    [33mprops[39m=[32m"[object Object]"[39m

Is there a way to turn off the syntax highlighting with an environment variable like you can to extend the output length?

vue-testing-library testing-library sublimetext3 javascript
3 Answers

Syntax highlighting is handled by the editor displaying the text.

In Sublime Text you can effectively remove – turn off if you like – the syntax highlighting of the current file / buffer by changing the syntax to Plain Text.

You can do that by choosing Plain Text after clicking on the active syntax name on the right of the Status Bar or from the View --> Syntax menu, or by opening the Command Palette and selecting the Set Syntax: Plain Text command.

user_21024570

prettyDOM takes the same options as pretty-format. One of those options is "highlight". In pretty-format it seems to be false by default, but in prettyDOM I found it's true by default. You can disable it like this:

prettyDOM(myDom, undefined, {highlight: false})
user_141208390
user_128539310
Related