Qunit 不可见的功能

大家好，我是JavaScript的新手，并且正在使用Quint框架对我的函数进行单元测试。但是我遇到了问题，需要专家的帮助

这是我的问题

我有一个名为calc的文件.js像这样

var calc; // global variable
(function(){
  calc = (function(){
        function calc(container, options) {
           this._container = container;
           this._jq_container = $(container);
           this._options = options || {};
           this.setupDefaults();
        }
        calc.prototype.setupDefaults = function() {
           var _self = this;
          _self._options.type = _self._options.type ? _self._options.type : 'add';
        };
        calc.prototype.add = function (val1, val2) { 
            return val1 + val2;
        };
        calc.prototype.sub = function (val1, val2) { 
            return val1 - val2;
        }; 
  return calc;
  })();
  $.fn.calc = function(options){
    this.each(function(){
      return new calc(this, options);
    });
  };
})();

现在我有一个 qunit 的 html 文件，像这样的东西

<!DOCTYPE html>  
<html>  
<head>  
    <title>QUnit Test Suite</title>  
        <link rel="stylesheet" href="qunit/qunit.css">
    <script src="qunit/qunit.js"></script>
        <script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="test/javascript" src="calc.js"></script>   
 <script>
  $(document).ready(function(){
test('add function test', function() { 
 equal(calc.add(2,4),"6" ,"function working correctly");
 /*I have also tried to access add function using some other method but alway got an error*/
});
});
</script>
</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>

我的 html 和 calc.js 都在同一个文件中当我运行这个文件时，我收到一个错误，指出未定义 calc

我不明白为什么我已经使计算全球化。我也尝试过使用window.calc = calc但都是徒劳的任何人都可以指导我如何在我的 html 测试文件中访问这些功能任何帮助将不胜感激

我在 jsfiddle.net 中运行了您的代码块，而您的函数调用没有运行calc.add(2,4);。

我将调用更改为calc.prototype.add(2,4)，我可以按预期调用您的函数。我建议您将.prototype添加到 QUnit 测试中？

相关内容

最新更新

热门标签：