javascript - QUnit 输出 : visual separation of modules

Question

我的测试可能是这样的:

module("some module");

test("test A", ...);
test("test B", ...);

module("other module");

test("test C", ...);
test("test D", ...);

QUnit 的输出看起来像这样

1. test A (0, 0, 0)
2. test B (0, 0, 0)
3. test C (0, 0, 0)
4. test D (0, 0, 0)

是否可以让 QUnit 输出模块名称？我很想拥有:

some module
1. test A (0, 0, 0)
2. test B (0, 0, 0)

other module
3. test C (0, 0, 0)
4. test D (0, 0, 0)

Answer 1

根据QUnit documentation ，在模块开始(和结束)时有一个回调，此时您可以修改 DOM。

QUnit.moduleStart = function(name) {
  var tests = document.getElementById("qunit-tests");

  if ( tests ) {    
    var mod = document.createElement("h2");
    mod.innerHTML = name;
    tests.appendChild( mod );
  }
};

将内容放在列表中间是一种顽皮的 DOM 明智做法，但它似乎有效，至少在 FireFox 中是这样。