0

我写了一个小页面来学习 BDD/TDD。它位于http://duolingo.howyousay.it/link.html

我的测试（目前只有一个文件）位于http://duolingo.howyousay.it/tests/test.html?coverage&hidepassed&noglobals

除了http://duolingo.howyousay.it/duolingo_link_fixer.js中的 5 行之外，我已经设法获得 100% 的代码覆盖率

   1  var DuolingoLinkFixer = function() {
   2    this.data = {};
   3    var self = this;
   4
   5    document.onreadystatechange = function () {
*  6      self.init();
   7    }
   8  };
   9
  10  DuolingoLinkFixer.prototype.init = function() {
* 11    if (document.readyState == "complete") {
* 12      this.setOriginalUrl();
* 13      this.setAlternateText();
* 14      this.setFixedUrl();
  15    }
  16  }

第 6 行和第 11-14 行没有经过测试，但如果我删除它们，代码将不起作用。我正在使用 QUnit、QUnit-BDD 和 Blanket.js。我如何测试之前运行的代码部分，onready因为测试似乎只在之后开始运行onready？

我的测试代码目前是这样开始的：

describe("DuolingoLinkFixer", function() {
  describe("new", function() {
    it("should create a new instance of DuolingoLinkFixer", function() {
      expect(new DuolingoLinkFixer instanceof DuolingoLinkFixer).to.be.true();
    });
  });

});

这是我的测试 HTML 页面的来源：

<!DOCTYPE html>
<html>
  <head>
    <title>Duolingo JavaScript tests</title>

    <script type="text/javascript" src="/lib/jquery/jquery-3.0.0.js"></script>
    <script type="text/javascript">
      $.holdReady(true);
    </script>

    <link type="text/css" rel="stylesheet" href="/lib/qunit/qunit-1.23.1.css">
    <script type="text/javascript" src="/lib/qunit/qunit-1.23.1.js"></script>
    <script type="text/javascript" src="/lib/qunit-bdd/qunit-bdd.js"></script>

    <script type="text/javascript" src="/lib/blanket.js/blanket.min.js"></script>

    <script type="text/javascript" data-cover src="../url_helper.js"></script>
    <script type="text/javascript" data-cover src="../duolingo_link_fixer.js"></script>

    <script type="text/javascript" src="test_url_helper.js"></script>
    <script type="text/javascript" src="test_duolingo_link_fixer.js"></script>
  </head>
  <body>
    <div id="qunit"></div>
  </body>
</html>

我尝试按照另一篇文章中的建议添加 jQuery $.holdReady(true);，但没有帮助。我不需要使用 jQuery，所以我试图在这个项目中避免它。

4

1 回答 1

0

原来我只需要在我的测试代码中添加一行来测试之前无法测试的代码：

describe("DuolingoLinkFixer", function() {
  describe("new", function() {
    it("should create a new instance of DuolingoLinkFixer", function() {
      expect(new DuolingoLinkFixer instanceof DuolingoLinkFixer).to.be.true();
      document.onreadystatechange();
    });
  });

});

添加document.onreadystatechange();运行的代码与由 readyStateChange 事件触发的代码完全相同。

于 2016-07-09T00:19:01.070 回答