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] } }