qunit - qunit 在执行完成前报告结果

Question

我还是 QUnit 的新手。有片段

<body>
  <div id=qunit></div>
  <div id=qunit-fixture>
  ..
  <a title=something href=#>foo</a>
  </div>

并且相应的测试用例包含

$( 'a').each( function() { 
  console.debug( this);
  // do something
} );

但是，QUnit 会在#qunit 中插入结果，包括一些超链接，这些超链接又会出现在测试用例中（在 each 中）。显然，QUnit 插入的内容应该在测试范围之外。关于如何避免这种情况的任何建议？

score 0 · Accepted Answer

QUnit 通过将测试所需的 HTML 放置在qunit-fixture元素中来处理这个问题，所以不要：

$('a').each(function() { ... });

你会这样做：

$('#qunit-fixture a').each(function() { ... });

在你的测试用例中。

这使您可以在不依赖其他页面内容的情况下隔离您的测试。QUnit 文档提供了有关此方法的更多信息。

1 回答 1