如何测试$(document).ready()中定义的函数

时间:2011-06-17 19:56:39

标签: javascript jquery unit-testing qunit

我正在尝试使用QUnit进行简单测试,但它不会找到$(document).ready()中定义的函数。

的test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title></title>
  <script type="text/javascript" src="qunit-git.js"></script>
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="code.js"></script>
  <script type="text/javascript" src="test.js"></script>
  <link rel="stylesheet" type="text/css" href="qunit-git.css" media="screen"/>
</head>
<body>
<h1 id="qunit-header">QUnit Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
</body>
</html>

test.js

test('Blah blah', function() {
  ok(mytest(), 'foo bar'
  );
});

code.js

$(document).ready(function() {
  var mytest = function() {
    return true;
  }
});

- &GT; “死于测试#1:mytest未定义......”

1 个答案:

答案 0 :(得分:9)

当您开始测试时,您可能会发现需要改进代码的结构。在$(document).ready中定义函数作为局部变量是很奇怪的,并使它们在除.ready调用之外的任何地方都无法访问。将该功能移到其他地方。