有没有办法关闭测试库中的语法突出显示

Question

我正在使用 @testing-library/vue 并在 Sublime Text 的构建步骤中运行测试。 错误 output 使用了 prettyDom 并且在 output window 中不是很清晰：

构建结果 window 中的示例 Output：

     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

有没有一种方法可以像延长 output 长度一样关闭使用环境变量突出显示的语法？

Answer 1

语法高亮由显示文本的编辑器处理。

在 Sublime Text 中，您可以通过将语法更改为Plain Text文本来有效地删除（如果您愿意，可以关闭）当前文件/缓冲区的语法突出显示。

您可以通过单击Status Bar右侧的活动语法名称后选择Plain Text或从View --> Syntax菜单中选择纯文本，或打开Command Palette并选择Set Syntax: Plain Text命令。

Answer 2

prettyDOM 采用与pretty-format相同的选项。 这些选项之一是“突出显示”。 在 pretty-format 中，它似乎默认为 false，但在 prettyDOM 中，我发现它默认为 true。 您可以像这样禁用它：

prettyDOM(myDom, undefined, {highlight: false})

Answer 3

显而易见的答案是使用 ANSIescape 插件让 Sublime Text 在构建 window 中显示 colors：

https://forum.sublimetext.com/t/ansi-color-codes-in-build-output/11296/16 https://packagecontrol.io/packages/ANSIescape

Answer 4

您可以将COLORS环境变量设置为false以关闭着色。 参见https://testing-library.com/docs/dom-testing-library/api-debugging/

尽管您的问题与 Sublime 中的构建结果 window 相关，但这在其他地方是一个常见问题，颜色代码使得很难看到实际调试 output（在我的例子中是 Jenkins 控制台 output 当测试失败时）。