vue.js - 如何使测试库调试输出更紧凑(但不缩小)?
问题描述
测试库自动日志记录https://testing-library.com/docs/dom-testing-library/api-debugging/#automatic-logging的输出通常包含许多新行,使输出长达数百或数千行(是的,我正在使用一个巨大的DEBUG_PRINT_LIMIT
),这使得很难找到相关部分。例如,它看起来像这样:
b
我假设 DOM 输出包含所有新行,因为它们在我的 Vue 组件的源代码中。一种方法是更改我的组件,但我不想这样做,因为它是根据https://eslint.vuejs.org/的规则格式化的
我看到https://testing-library.com/docs/dom-testing-library/api-debugging/#prettydom有“选项”链接到https://github.com/facebook/jest/tree/master/ packages/pretty-format#usage-with-options,但我没有看到任何相关选项,我不知道如何将它们传递给自动日志记录。
有没有办法控制 HTML 的格式?例如,如果元素打开标记只有一个属性,我想避免在元素打开标记中使用新行。例如,在示例屏幕截图中,它将前三行合并为一行:<span class="organisation-details">
?
解决方案
推荐阅读
- objective-c - iOS:如何在 HTML 页面中找到一个特定标签
- html - 在 Jekyll 中添加特定于每个帖子的元数据
- sapui5 - Consume REST Service
- osticket - OS Ticket Open Ticket CSRF 令牌转储错误
- c++ - 在c ++中将对象存储在二维精灵矩阵中
- typescript - 在 TS 中像“module.exports”一样导出
- r - 向 R 中的现有函数添加新参数
- mysql - 为什么 MySql 只保存字符串的第一个字符?(我正在使用python 3)
- ios - 如何在不使用 segues 的情况下将数据从一个 viewController 传递到另一个?
- r - How to add Data markers in Waterfall chart in Plotly