Question

大家好我不熟悉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

我不知道为什么因为我已经使calc全局化了。我也试过使用window.calc = calc，但一切都是徒劳的任何人都可以指导我如何在我的html测试文件中访问这些功能任何帮助将不胜感激

Answer 1

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

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

Qunit看不到的功能

1 个答案: