QUnit.dump.parse()

添加的版本：1.0.0

说明

QUnit.dump.parse( data )

可扩展的数据转储和字符串序列化。

名字 说明
data 要解析的数据结构或对象。

该方法通过解析数据结构和对象进行字符串序列化。它将 DOM 元素解析为其外部 HTML 的字符串表示形式。默认情况下，嵌套结构最多显示五层。除此之外的任何内容都将替换为 [object Object] 和 [object Array] 占位符。

如果您需要更多或更少的输出，请更改 QUnit.dump.maxDepth 的值，表示应该解析元素的深度。

变更日志

QUnit 2.1 QUnit.jsDump 别名已删除。
QUnit 1.15 QUnit.jsDump接口改名为QUnit.dump.
QUnit.jsDump别名已弃用。

例子

以下是来自 grunt-contrib-qunit 的示例，它将 QUnit(在 Headless Chrome 中运行)的结果发送到 CLI 工具。

QUnit.log(function (obj) {
  var actual;
  var expected;

  if (!obj.result) {
    // Format before sending
    actual = QUnit.dump.parse(obj.actual);
    expected = QUnit.dump.parse(obj.expected);
  }

  // ...
});

此示例显示了 DOM 元素的格式化表示。

var qHeader = document.getElementById('qunit-header');
var parsed = QUnit.dump.parse(qHeader);

console.log(parsed);

// Logs: '<h1 id="qunit-header"></h1>'

将输出限制为一级或二级

var input = {
  parts: {
    front: [],
    back: []
  }
};
QUnit.dump.maxDepth = 1;
console.log(QUnit.dump.parse(input));
// Logs: { "parts": [object Object] }

QUnit.dump.maxDepth = 2;
console.log(QUnit.dump.parse(input));
// Logs: { "parts": { "back": [object Array], "front": [object Array] } }